@php use App\Models\warehouse; @endphp
@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Holiday Setup')
@section('content')
    <style>
        #demoTest {
            transform: translate3d(0px, 38px, 0px) !important;
        }
    </style>

    <div class="row">
        <div class="col-md-12 col-lg-12 col-xl-10 mx-auto">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6 col-lg-6">
                            <h5>Holiday Setup</h5>
                        </div>
                        <div class="col-md-6 col-lg-6 text-right">
                            @can('Holiday-create')
                                <button class="btn btn-outline-danger" onclick="holiday_modal_show();"><i
                                        class="las la-plus"></i>Add
                                    New
                                </button>
                            @endcan
                            @can('Holiday-export')
                                <a class="btn btn-outline-primary"
                                   href="{{route('holiday.export')}}">{{__('Export')}}</a>
                            @endcan
                            <button class="btn btn-outline-info"
                                    onclick="holiday_import_modal()">{{__('Import')}}</button>

                        </div>
                    </div>

                </div>

                <div class="card-body">

                    <form class="" id="sort_products" action="" method="GET">

                        <div class="row">
                            <div class="col">
                                <div class="dropdown mb-2 mb-md-0">
                                    <button class="btn border dropdown-toggle" type="button" data-toggle="dropdown">
                                        {{__('Bulk Action')}}
                                    </button>
                                    <div id="demoTest" class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="#"
                                           onclick="bulk_delete()"> {{__('Delete selection')}}</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <table class="float-right text-right mb-3">
                                    <tr>
                                        <td>
                                            <select name="year" id="" class="form-control">
                                                <option value="">Please Select Year</option>
                                                @for($i=2023;$i<=date('Y');$i++)
                                                    <option value="{{$i}}">{{$i}}</option>
                                                @endfor
                                            </select></td>


                                        <td>
                                            <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i>&nbsp;{{__('Filter')}}
                                            </button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>


                        <table class="table aiz-table">
                            <thead>
                            <tr>
                                <th>

                                    <input type="checkbox" class="check-all">
                                    <span class="aiz-square-check"></span>

                                </th>
                                <th>Description</th>
                                <th>From</th>
                                <th>To</th>
                                <th>Number of holiday</th>
                                <th>Warehouse/Branch</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($holidays as $holiday)
                                <tr>
                                    <td>

                                        <input type="checkbox" class="check-one" name="id[]"
                                               value="{{$holiday->id}}">
                                        <span class="aiz-square-check"></span>

                                    </td>
                                    <td>{{$holiday->description}}</td>
                                    <td>{{$holiday->from}}</td>
                                    <td>{{$holiday->to}}</td>
                                    <td>{{$holiday->number_of_holiday}}</td>
                                    <td>
                                        @if($holiday->warehouse_id==null)
                                            {{__("All Warehouse/Branch")}}
                                        @else
                                            {{warehouse::where('id',$holiday->warehouse_id)->value('name')}}
                                        @endif
                                    </td>
                                    <td>
                                        @can('Holiday-edit')
                                            <a class="btn btn-primary btn-sm" href="javascript:void(0)"
                                               onclick="holiday_modal_update({{$holiday->id}},'{{$holiday->from}}','{{$holiday->to}}','{{$holiday->description}}',@if($holiday->warehouse_id!=null) {{$holiday->warehouse_id}} @else null @endif, )"><i
                                                    class="fas fa-edit"></i></a>
                                        @endcan
                                        @can('Holiday-delete')
                                            <a class="btn btn-danger btn-sm delete_modal"
                                               data-href="{{route('holiday.destroy',$holiday->id)}}"
                                               href="javascript:void(0)"><i class="fas fa-trash-alt"></i></a>
                                        @endcan
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {{$holidays->links()}}
                    </form>
                </div>
            </div>


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

    <div class="modal fade" id="holiday_modal">
        <form action="{{route('holiday.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Holiday Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="description">Description<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" type="text" id="description" value=""
                                           placeholder="Type Description" name="description"
                                           required></td>
                            </tr>

                            <tr>
                                <td><label for="description">All Branch Applicant<span
                                            style="color: red;">*</span></label></td>
                                <td><input type="checkbox" id="myCheckbox" name="allBranch" value="1" checked
                                           onclick="checkbox_check();"></td>
                            </tr>

                            <tr class="d-none" id="branch_show">
                                <td><label for="description">Warehouse/Branch<span
                                            style="color: red;">*</span></label></td>
                                <td>
                                    <select name="warehouse_id" id="warehouse_id" class="form-control">
                                        <option value="">Select Warehouse/Branch</option>
                                        @foreach(warehouse::where('status',1)->get() as $warehouse)
                                            <option value="{{$warehouse->id}}">{{$warehouse->name}}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">From<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" placeholder="Enter Received Amount"
                                           type="date"
                                           name="from" id="from" value="" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">To<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" placeholder="Enter Received Amount"
                                           type="date"
                                           name="to" id="to" value="" required>
                                </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="holiday_modal_update">
        <form action="{{route('holiday.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Holiday  Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <input type="hidden" name="id" id="id" value="">
                            <tr>
                                <td><label for="description">Description<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" type="text" id="description_update" value=""
                                           placeholder="Type Description" name="description"
                                           required></td>
                            </tr>

                            <tr>
                                <td><label for="description">All Branch Applicant<span
                                            style="color: red;">*</span></label></td>
                                <td><input type="checkbox" id="myCheckboxs" name="allBranch" value="1"
                                           onclick="checkbox_checks();"></td>
                            </tr>

                            <tr class="d-none" id="branch_show_update">
                                <td><label for="description">Warehouse/Branch<span
                                            style="color: red;">*</span></label></td>
                                <td>
                                    <select name="warehouse_id" id="warehouse_ids" class="form-control">
                                        <option value="">Select Warehouse/Branch</option>
                                        @foreach(warehouse::where('status',1)->get() as $warehouse)
                                            <option value="{{$warehouse->id}}"
                                                    id="ware-{{$warehouse->id}}">{{$warehouse->name}}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">From<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" placeholder="Enter Received Amount"
                                           type="date"
                                           name="from" id="from_update" value="" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">To<span style="color: red;">*</span></label></td>
                                <td><input class="form-control" placeholder="Enter Received Amount"
                                           type="date"
                                           name="to" id="to_update" value="" required>
                                </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">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="holiday_import_modal">
        <form action="{{route('holiday.import')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Holiday  Import')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                        <a href="{{asset('assets/sample/holiday.csv')}}" download
                           class="btn btn-primary">{{__('CSV Simple')}}</a>

                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <input class="form-control" type="file" name="file" id="" required>
                        </div>
                    </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">{{__('Import')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection
@section('script')
    <script>
        function holiday_modal_show() {
            $('#holiday_modal').modal('show');
        }

        function checkbox_check() {
            const checkbox = document.getElementById('myCheckbox');

            if (checkbox.checked) {
                $('#branch_show').addClass('d-none');
                $('#warehouse_id').attr('required', false);
            } else {

                $('#branch_show').removeClass('d-none');
                $('#warehouse_id').attr('required', true);
            }
        }


        function checkbox_checks() {
            const checkbox = document.getElementById('myCheckboxs');

            if (checkbox.checked) {
                $('#branch_show_update').addClass('d-none');
                $('#warehouse_ids').attr('required', false);
            } else {

                $('#branch_show_update').removeClass('d-none');
                $('#warehouse_ids').attr('required', true);
            }
        }

        function holiday_modal_update(id, from, to, description, warehouse_id) {
            const selectElement = document.getElementById('warehouse_ids');
            $('#description_update').val(description);
            $('#from_update').val(from);
            $('#to_update').val(to);
            $('#id').val(id);
            if (warehouse_id === null) {
                $('#myCheckboxs').attr('checked', true);
                $('#branch_show_update').addClass('d-none');

            } else {
                $('#myCheckboxs').attr('checked', false);
                $('#branch_show_update').removeClass('d-none');
                $('#warehouse_ids').val(warehouse_id);
            }


            $('#holiday_modal_update').modal('show');
        }

        function holiday_import_modal() {

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

        }

        function bulk_delete() {
            var data = new FormData($('#sort_products')[0]);
      
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('bulk-holiday-delete')}}",
                type: 'POST',
                data: data,
                cache: false,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response == 1) {
                        location.reload();
                    }
                }
            });
        }

        $(document).on("change", ".check-all", function () {
            if (this.checked) {
                // Iterate each checkbox
                $('.check-one:checkbox').each(function () {
                    this.checked = true;
                });
            } else {
                $('.check-one:checkbox').each(function () {
                    this.checked = false;
                });
            }

        });

    </script>

@endsection