@extends('layouts.app')

@section('content')


    <div class="col-xl-12 col-lg-12 card-no-border">
        <div class="card shadow mb-4">
        <!-- Card Body -->
        <div class="card-body">
            <div class="d-sm-flex align-items-center mb-0">
                <div class="h2 mb-0 text-warning text-uppercase font-weight-bold mb-1" style="margin: 0 auto;margin-top:70px;padding-bottom:20px"><p>Select Location:</p></div>
            </div>
            <div class="col-md-12" style="width:80%;margin: 0 auto">
            <div class="row">
            @foreach($locations as $loc)

                <div class="col-md-6 btn-xl" style=" margin-bottom:10px">
                <button type="button" class="btn btn-info btn-lg location" data-id="{{$loc->location_id}}" ><i class="fas fa-map-marker-alt"></i> {{ strtoupper($loc->location_description) }}</button>   
                </div>
            @endforeach
            </div>
            </div>
        </div>
        </div>
    </div>

@endsection

<script src="vendor/jquery/jquery.min.js"></script>
<script>
$(document).ready(function() {
    
    $('.location').on('click', function(){
        var location = $(this).data('id');
        window.location.href = '{{ url("/setlocation") }}' + '/' + location;
        //console.log(location);
        // $.ajax({
        //         url: '{{ url("/setlocation") }}' + '/' + location,
        //         type: "GET",
        //         data: {} ,
        //         success: function (data) {
                   
        //         }
        // });
    });
});
</script>
<script>
    // $(document).ready(function() {
    //     toasts_info('<b>Maintenance Notification:</b><br>'+' Hi! Good day, <br>' +
    //             'We will be performing scheduled <br>'+' maintenance on our systems from <br>'+' April 3, 2024 to April 5, 2024. <br>' +  
    //             'During this time, our website and any <br>'+' related services may be unavailable. <br>' + 
    //             'We apologize for any inconvenience this may <br>'+' cause and appreciate your understanding. <br>',);
    // });
    // function toasts_info(message) {
    //     iziToast.info({
    //         title: "",
    //         message: message,
    //         position: "topRight",
    //         timeout: "100000",
    //     });
    // }
</script>