@if(count($allschedulesdata) > 0)
    <table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th>Date</th>
            <th>Day</th>
            <th>Doctor Name</th>
            <th>Start Time</th>
            <th>End Time</th>
            <th>Visitor Limit</th>
            <th>Blocked</th>
        </tr>
        </thead>
        <tbody>

        @foreach($allschedulesdata as $key => $schedule)
            <tr>
                <td>{{$schedule['date']}}</td>
                <td>{{$schedule['day']}}</td>
                <td>{{$doctor->full_name}}</td>
                <td>{{$schedule['start_time']}}</td>
                <td>{{$schedule['end_time']}}</td>
                <td>{{$schedule['visitor_limit']}}</td>
                <td>
                    @if($schedule['block']==true)
                        <input type="checkbox" class="appointment_status_toggle"
                               onchange="changeAppointmentStatus(this,'{{$schedule['date']}}','{{$schedule['schedule_slot_id']}}');"
                               value="0"
                               data-onstyle="danger"
                               data-offstyle="info" checked
                               data-toggle="toggle" data-size="mini">

                    @else
                        <input type="checkbox" class="appointment_status_toggle"
                               onchange="changeAppointmentStatus(this,'{{$schedule['date']}}','{{$schedule['schedule_slot_id']}}');"
                               value="1"
                               data-onstyle="danger"
                               data-offstyle="info"
                               data-toggle="toggle" data-size="mini">
                    @endif
                </td>
            </tr>
        @endforeach

        </tbody>

    </table>
@else
    <div class="alert alert-warning alert-dismissible messageBody" style="display: none;">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        No Data Found
    </div>
@endif

<input type="hidden" id="user_id" value="{{$doctor->user_id}}">

<script>
    $(function () {
        $('.appointment_status_toggle').bootstrapToggle();
    })
</script>

<script>
    function changeAppointmentStatus(ele, blockDate, scheduleSlotId) {
        var statusType;
        if (ele.checked === true) {
            statusType = 0;
        } else {
            statusType = 1;
        }
        $.ajax({
            url: "update-schedule",
            method: "GET",
            dataType: "json",
            data: {
                user_id: $('#user_id').val(),
                schedule_slot_id: scheduleSlotId,
                schedule_block_date: blockDate,
                type: statusType
            },
            success: function (data) {
                if (data.success == true) {
                    $('.box-modal-message').show();
                    $('.messageBodySuccess').slideDown(1000).delay(3000).slideUp(1000).children().next()
                        .html(data.message);
                } else {
                    $('.box-modal-message').show();
                    $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next()
                        .html(data.message);
                }
            },
            error: function (data) {
                $('.box-modal-message').show();
                $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next().html(
                    data.message);
            }
        });
    }

</script>