@extends("quran_project_files.quran_welcome_page")
@section("content")

<style>
    body{

        text-align : center;
        color : black

    }
    #tartel_link{

        text-decoration : none;
        color : white;


    }
    #tartel_name{

        background-color : black;
        color : white;
        padding : 10px;
        border-radius : 10px;
        font-size : 20px;
        width : 20%;
        margin : 50px auto;


    }
</style>

    <div id="surahs_show">
        @foreach ($result as $item)

            @php

                $new_qeraa_arabic_name = str_replace("_" , " " , $item->qeraa_arabic_name);

                $new_tartel_arabic_name = str_replace("_" , " " , $item->tartel_arabic_name);


            @endphp

            <div id="tartel_name">اسم القراءة</div>
            <div id="tartel_name">{{$new_qeraa_arabic_name}}</div>
            <div id="tartel_name">اسماء التراتيل</div>
            <div id="tartel_name"><a id="tartel_link" href="{{route('show_qeraa_tartel_reader' , [$item->tartel_id , $qeraa_id])}}">{{$new_tartel_arabic_name}}</a></div>

        @endforeach
    </div>

@stop