@extends('layouts.admin-layout')
@section('title', 'All Appointment Listing')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12 mt-5">

                        <div class="card card-primary card-box-shadow">

                            <div class="card-body">
                                <div class="d-flex justify-content-between my-2">

                                    <h2>Schedules</h2>

                                    <a href="{{ route('admin.schedule.create') }}" class="btn btn-dark">Create</a>
                                </div>
                                <table id="example" class="table table-striped table-bordered" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>S.N.</th>
                                            <th>Week Name</th>
                                            <th>Time</th>

                                            <th>Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($schedules as $appoint)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $appoint->week_day }}</td>
                                                <td>{{ $appoint->time_slot }}</td>

                                                <td>
                                                    <a href="{{ route("admin.schedule.edit",$appoint->id) }}" class="btn btn-primary">Edit</a>
                                                    <a class="btn btn-dark" id='delete-btn' data-id="{{$appoint->id}}}">Delete</a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>

                            </div>


                            <!-- /.card -->
                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div>
@endsection
@section('script')

    <script>
        $(document).ready(function() {
            $("table").DataTable({});
        });


$(document).ready(function () {

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });


    $(document).on("click", '#delete-btn', function (e) {
        var id = $(this).data('id');

        e.preventDefault();
        swal({
            title: "Are you sure?",
            text: "Once deleted, you will not be able to recover this imaginary file!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
            .then((willDelete) => {
                if (willDelete) {

                    $.ajax({
                        url: '{{route('admin.schedule.delete')}}',
                        type: "post",
                        dataType: "json",
                        data: {id: id},
                        success: function(response) {
                            toastr.success(response.success);
                           
                            window.location.reload();
                        },
                        error: function(response) {
                            toastr.error('Something went wrong!');
                        }
                    });
                } else {
                }
            });
    });

});
</script>


@endsection