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

<style>
    body{

        text-align : center;

    }

    main{

        background-color : black;
        color : white;
        padding : 50px;

    }

    audio{

        color : white;
        width : 50%;
        margin : auto;

    }

    source{

        background-color : black;


    }

</style>

    @php

        use Illuminate\Support\Facades\DB;

        $surah = DB::select('select surah_arabic_name from quran_surah where surah_id = ?', [$surah_id]);

    @endphp

    <h3>سورة {{$surah[0]->surah_arabic_name}}</h3>
    <audio controls preload="auto" autoplay loop pause>
        <source src='{{asset("{$result[0]->surah_location}$surah_id".".mp3")}}' type="audio/mpeg">
    </audio>

@stop