@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Weekend')
@section('content')
    <div class="row">
        <div class="col-md-12 col-lg-12 col-xl-10 mx-auto">
            <div class="card">
                <div class="card-header gutters-10">
                    <div class="row">
                        <div class="col-8 col-md-6 col-lg-6">
                            <h5>Weekend Summary</h5>

                        </div>
                        <div class="col-4 col-md-6 col-lg-6 text-right">
                            @can('Weekend-create')
                                <button class="btn btn-primary" onclick="weakened_add()"><i class="las la-plus"></i>Add
                                    New
                                </button>
                            @endcan
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-responsive-lg">
                        <thead>
                        <tr>
                            <th>Weekend Group Name</th>
                            <th class="text-center">Sunday</th>
                            <th class="text-center">Monday</th>
                            <th class="text-center">Tuesday</th>
                            <th class="text-center">Wednesday</th>
                            <th class="text-center">Thursday</th>
                            <th class="text-center">Friday</th>
                            <th class="text-center">Saturday</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($weekends as $weekend)
                            <tr>
                                <td><input class="form-control" type="text" name="" id="" value="{{$weekend->name}}"
                                           readonly></td>

                                <td class="text-center">
                                    @if($weekend->Sunday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>

                                <td class="text-center">
                                    @if($weekend->Monday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>


                                <td class="text-center">
                                    @if($weekend->Tuesday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>


                                <td class="text-center">
                                    @if($weekend->Wednesday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>


                                <td class="text-center">
                                    @if($weekend->Thursday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($weekend->Friday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($weekend->Saturday==1)
                                        <i class="fas fa-check-square fs-25 text-success"></i>
                                    @else
                                        <i class="fas fa-window-close fs-25 text-danger"></i>
                                    @endif
                                </td>

                                <td class="text-center">
                                    @can('Weekend-edit')
                                        <a class="btn btn-primary btn-sm" href="javascript:void(0)"
                                           onclick="weekend_update({{$weekend->id}},{{$weekend->Saturday}},{{$weekend->Sunday}},{{$weekend->Monday}},{{$weekend->Tuesday}},{{$weekend->Wednesday}},{{$weekend->Thursday}},{{$weekend->Friday}},'{{$weekend->name}}');"><i
                                                class="fas fa-edit"></i></a>
                                    @endcan
                                    @can('Weekend-delete')
                                        <a class="btn btn-danger btn-sm confirm-delete"
                                           data-href="{{route('weakened.destroy',$weekend->id)}}"
                                           href="javascript:void(0)"><i
                                                class="fas fa-trash"></i></a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('modal')
    {{--    @include('modals.delete_modal')--}}
    <div class="modal fade " id="weakened_modal">
        <form action="{{route('weakened.store')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Weekend Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table table-responsive-lg">
                            <tbody>
                            <tr>
                                <td><label for="description">Weekend Group Name<span
                                            style="color: red;">*</span></label>
                                </td>
                                <td><input class="form-control" type="text" id="description" value=""
                                           placeholder="Type Weekend Group Name" name="description"
                                           required></td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="table table-responsive-lg">
                            <thead>
                            <tr>
                                <th class="text-center">Sunday</th>
                                <th class="text-center">Monday</th>
                                <th class="text-center">Tuesday</th>
                                <th class="text-center">Wednesday</th>
                                <th class="text-center">Thursday</th>
                                <th class="text-center">Friday</th>
                                <th class="text-center">Saturday</th>
                            </tr>
                            </thead>

                            <tbody>

                            <tr>

                                <td class="text-center"><input type="checkbox" value="1" name="Sunday" id=""></td>
                                <td class="text-center"><input type="checkbox" value="2" name="Monday" id=""></td>
                                <td class="text-center"><input type="checkbox" value="3" name="Tuesday" id=""></td>
                                <td class="text-center"><input type="checkbox" value="4" name="Wednesday" id="">
                                </td>
                                <td class="text-center"><input type="checkbox" value="5" name="Thursday" id=""></td>
                                <td class="text-center"><input type="checkbox" value="7" name="Friday" id=""></td>
                                <td class="text-center"><input type="checkbox" value="6" name="Saturday" id=""></td>
                            </tr>

                            </tbody>
                        </table>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade " id="weakened_modal_update">
        <form action="{{route('weakened.update')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Weekend Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table table-responsive-lg">
                            <tbody>
                            <tr>
                                <td><label for="description">Weekend Group Name<span
                                            style="color: red;">*</span></label>
                                </td>
                                <td><input class="form-control" type="text" id="descriptions" value=""
                                           placeholder="Type Weekend Group Name" name="description"
                                           required></td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="table table-responsive-lg">
                            <thead>
                            <tr>

                                <th class="text-center">Sunday</th>
                                <th class="text-center">Monday</th>
                                <th class="text-center">Tuesday</th>
                                <th class="text-center">Wednesday</th>
                                <th class="text-center">Thursday</th>
                                <th class="text-center">Friday</th>
                                <th class="text-center">Saturday</th>
                            </tr>
                            </thead>

                            <tbody>

                            <tr>
                                <input type="hidden" name="id" id="id" value="">

                                </td>
                                <td class="text-center"><input type="checkbox" value="1" name="Sunday" id="Sunday"></td>
                                <td class="text-center"><input type="checkbox" value="2" name="Monday" id="Monday"></td>
                                <td class="text-center"><input type="checkbox" value="3" name="Tuesday" id="Tuesday">
                                </td>
                                <td class="text-center"><input type="checkbox" value="4" name="Wednesday"
                                                               id="Wednesday">
                                </td>
                                <td class="text-center"><input type="checkbox" value="5" name="Thursday" id="Thursday">
                                </td>
                                <td class="text-center"><input type="checkbox" value="7" name="Friday" id="Friday"></td>
                                <td class="text-center"><input type="checkbox" value="6" name="Saturday" id="Saturday">
                            </tr>

                            </tbody>
                        </table>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('script')
    <script>
        function weakened_add() {

            $('#weakened_modal').modal('show');

        }

        function weekend_update(id, Saturday, Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Name) {
            $('#descriptions').val(Name);
            $('#id').val(id);
            if (Saturday === 1) {
                $('#Saturday').attr('checked', true);
            } else {
                $('#Saturday').attr('checked', false);
            }

            if (Sunday === 1) {
                $('#Sunday').attr('checked', true);
            } else {
                $('#Sunday').attr('checked', false);
            }


            if (Monday === 1) {
                $('#Monday').attr('checked', true);
            } else {
                $('#Monday').attr('checked', false);
            }

            if (Tuesday === 1) {
                $('#Tuesday').attr('checked', true);
            } else {
                $('#Tuesday').attr('checked', false);
            }

            if (Wednesday === 1) {
                $('#Wednesday').attr('checked', true);
            } else {
                $('#Wednesday').attr('checked', false);
            }


            if (Thursday === 1) {
                $('#Thursday').attr('checked', true);
            } else {
                $('#Thursday').attr('checked', false);
            }

            if (Friday === 1) {
                $('#Friday').attr('checked', true);
            } else {
                $('#Friday').attr('checked', false);
            }


            $('#weakened_modal_update').modal('show');
        }
    </script>
@endsection