@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>

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

@stop