@extends('admin.layout.master')
@section('title', __('obs.housekeeping_log_list'))
@section('custom_style')
    <style>
        .open {
            right: 0 !important;
        }
        .dataTables_filter {
            display: none;
        }
    </style>
@endsection
@section('content')
    <div class="card sina-card">
        @include('admin.layout.title_header', ['title'=>__('obs.house_keeping_log').' '.__('obs.report')])
        <div class="card-body" style="padding-bottom:0">
                <div class="row justify-content-end m-0 pt-2"  style="">
                    @php
                        $status_types=[1=>'Ready',2=>'In Use',3=>'Dirty',4=>'Task Asigned'];
                    @endphp
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                        <label for="pay_type">{{__('obs.status_type')}}</label>
                            <select class="select_2" name="status_type" id="status_type" style="min-width: 100%;">
                                <option value="0">{{ __('obs.all') }}</option>
                                @forelse ($status_types as $k=>$v)   
                                    <option value="{{$k}}">{{ $v }}</option>
                                @empty
                                @endforelse
                            </select>
                        {{-- </div> --}}
                    </div>
                    {{-- <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                        <label for="cost_id">{{_('obs.ledger')}}</label>
                        <select name="ledger_id" style="width:100%" id="ledger_id" required>
                        </select>
                    </div> --}}
                    <div class="col-md-6 col-12 d-flex flex-wrap pr-0 mb-1">
                            <label for="cost_id">{{__('obs.date').' '.__('obs.range')}}</label>
                            <div class="input-group-append d-flex">
                                {!!getDateInput('start_date','start_date',Request()->start_date)!!}
                                <label class="input-group-text" style="width:30px;height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                                {!!getDateInput('end_date','end_date',Request()->end_date)!!}
                                <div class="input-group-append">
                                    <button type="button" onclick="filterReportData()" style="max-height: 30px;" class="btn btn-sm btn-danger">
                                    <span class="fa fa-search"></span>
                                    </button>
                                </div>
                            </div>
                    </div>
                    
                </div>
        </div>
        <div class="card-body">
            <div class="table-responsive cl-table-container" style="height: 450px"  id="print">
                <table id="apply_data_table" class="table cl-table table-hover table-bordered">
                    <thead>
                        <tr>
                            
                            <th>#</th>
                            <th>{{__('obs.task')}} {{__('obs.no')}}</th>
                            <th>{{__('obs.house_keeping')}}</th>
                            <th>{{__('obs.room_bed')}} {{__('obs.no')}}</th>
                            <th>{{__('obs.date')}}</th>
                            <th>{{__('obs.status_type')}}</th>
                            <th>{{__('obs.task_type')}}</th>
                            <th>{{__('obs.task')}} {{__('obs.date')}}</th>
                            <th>{{__('obs.note')}}</th>
                            <th>
                                <div class="form-check">
                                    <input type="checkbox" id="voucher_id_0" class="form-check-input" onclick="selectAllChild(this)">
                                    <label class="form-check-label" for="voucher_id_0"></label>
                                </div> 
                            </th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody id="list_body">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
      
    @include('admin.global.loader')    
    @include('v2.admin.global.offcanvas', ['blade'=>'v2.frontdesk.housekeeping.form','style'=> 'style="width: 450px;"', 
        'title'=> __('obs.add').' '.__('obs.housekeeping_log_list')])
@endsection
@section('script')
<script>
    
    let warehouse_id=@json(current_warehouse());
    $('#apply_data_table').dataTable({
            "paging": false,
    });
    $('.select_2').select2();
    const select2ModalV1=(cls, modal_name)=> {
        $('.' + cls).select2({
            dropdownParent: $("#" + modal_name)
        });
    }
    const closeSlideModal=()=>{
        $('#side_modal').removeClass('open');
    }
    function selectAllChild(t) {
        if (t.checked) {
            $('.vh').prop("checked", true);
        } else {
            $('.vh').prop("checked", false);
        }
    }
    
    $('#slide_form').submit(function(event){ 
        event.preventDefault();   
        Swal.fire({
            icon: 'warning',
            title: 'Confirmation',
            html: 'Are You Sure?',
            showConfirmButton: true,
            showDenyButton: true,
            position: 'center',
            timer: null,
        }).then((res) => {
            if(res.isConfirmed){
                var formData = new FormData(this);
                // let formData=$("#slide_form").serialize();
                console.log(formData);
                $.ajax({
                    type: "POST",
                    url: $('#slide_form').attr('action'),
                    data:formData,
                    processData: false,
                    contentType: false,
                    success: function (data) {
                        Swal.fire('Save Successfull', '', 'success');
                        $('#loader').hide();
                        filterReportData();
                    },
                    error: function (response) {
                        let res=JSON.parse(response.responseText);
                        Swal.fire(res.message, '', 'error');
                        let errorsMsgs=res.errors;
                        Object.keys(errorsMsgs).map((k) => {
                            $('#'+k+'-error-text').text(errorsMsgs[k]);
                        });
                    },
                });
            }
        });
    });
    $('#open_slide').on('click', function() {
        nullAllField();
        currentCanvas.show();
    });
    const editData=(id)=>{
        var str ='';

        const setFormData = data => {
            nullAllField(data);
            $("#submit_btn").text('Update');
            $('#loader').hide();
            currentCanvas.show();
        }
        let link = "";
        let int_data_param = {
            id: id
        }
        ajaxCall(link, 'GET', int_data_param, setFormData);
        // $('.select_2').select2();
    }
    const nullAllField=(type,data=null)=>{
        $('.type_method_display').hide();
        $('.type_method_'+type).show();
        $('#admin_id').val(data?data.admin_id:'').trigger('change');
        $('#priority').val(data?data.priority:'').trigger('change');
        $('#task_type').val(data?data.task_type:'').trigger('change');
        $('#unit_type').val(data?data.unit_type:'').trigger('change');
        $('#date').val((data && data.assign_date)?getFormatedDateCustom(data.assign_date):'');
        $('#start_date_form').val((data && data.start_date)?getFormatedDateCustom(data.start_date):'');
        $('#end_date_form').val((data && data.end_date)?getFormatedDateCustom(data.end_date):'');
        $('#note').val(data?data.note:'');
        currentCanvas.show();
    }
    const asignOrEditHouseKeeping =(log_id,type,editData=null)=>{

        if(editData){
            $('#log_id').val(log_id);
            $('#edit_id').val(log_id);
            let int_data_param={
                id:log_id,
            }
            const setFormData = data => {
                console.log(data,'dadasa');
                nullAllField(type,data);
                $('#loader').hide();
                
            }
            let link = "{{ route('frontdesk.report.housekeeping_show') }}";
            ajaxCall(link, 'GET', int_data_param, setFormData);
        }else{
            var log_ids = [];
            $.each($("input[name='voucher_to_set_preparation']:checked"), function() {
                log_ids.push($(this).val());
            });
            if (log_ids.length > 0) {
                $('#log_id').val(log_ids);
            }else{
                Swal.fire('Select First', '', 'warning');
            }
            $('#edit_id').val('');
            nullAllField(type);
        }
    }
    const filterReportData=()=>{
        let int_data_param = {
            status_type:$('#status_type').val(),
            start_date:$('#start_date').val(),
            end_date:$('#end_date').val(),
        }
        loadListData(int_data_param);
    }
    const loadListData=(int_data_param)=>{
        const setFormData = data => {
            $('#loader').hide();
            currentCanvas.hide();
            $('#apply_data_table').dataTable().fnDestroy();
            $('#list_body').html(data);
            $('#apply_data_table').DataTable({
                destroy: true,
                paging: false,
                info: false,
            });
        }
        let link = "{{ route('frontdesk.report.housekeeping_index') }}";
        ajaxCall(link, 'GET', int_data_param, setFormData);
    }

</script>

@endsection