@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">WO/HO Cancellation Policies</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{!! route('wo-ho-cancellation-policies', ['alias' => $alias]) !!}">WO/HO Cancellation
                            Policies</a>
                    </li>
                    <li class="breadcrumb-item active">Applicability
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@push('prev-next-head')
    <div class="content-header-right text-end col-md-3 col-12">
        <div class="form-group breadcrumb-right">
            <a href="javascript:history.back()" class="btn btn-secondary btn-sm"><i data-feather="arrow-left-circle"></i>
                Back</a>
            <button type="button" data-request="ajax-submit" data-target="[role=post-data]"
                class="btn btn-primary btn-sm"><i data-feather="check-circle"></i> Submit</button>
        </div>
    </div>
@endpush

@section('content')
    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card new-cardbox">
                    <div class="card-body">
                        <form action="{!! route('wo-ho-cancellation-policies-applicability.store', ['alias' => $alias, 'policy' => $policy->id]) !!}"
                            role="post-data" method="POST">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-1  {{{ $errors->has('type') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type">{{trans('master/master.type')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type" onchange="handleType()" id="holiday_list_type_id" required>
                                                    <option value="-1" selected>All</option>
                                                    @foreach($holidayTypes as $val)
                                                        <option value="{{$val}}">{{$val}}</option>
                                                    @endforeach
                                                </select>
                                                {!! $errors->first('type', '<label class="error" for="type">:message</label>')!!}
                                            </div>
                                        </div>
                                        <div class="col-md-6 type_tbl_id_emp" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_emp') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_emp">{{trans('master/master.employee')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_emp[]" id="type_tbl_id_emp" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($employees as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}} ({{$val->employee_code}})</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_emp">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_work" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_work') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_work">{{trans('master/master.workman')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_work[]" id="type_tbl_id_work" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($workmans as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}} ({{$val->employee_code}})</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_work">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_dept" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_dept') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_dept">{{trans('master/master.department')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_dept[]" id="type_tbl_id_dept" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($departments as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_dept">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_sub_dept" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_sub_dept') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_sub_dept">{{trans('master/master.sub_department')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_sub_dept[]" id="type_tbl_id_sub_dept" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($subDepartments as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_sub_dept">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_loc" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_loc') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_loc">{{trans('master/master.location')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_loc[]" id="type_tbl_id_loc" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($locations as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_loc">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_des" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_des') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_des">{{trans('master/master.designation')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_des[]" id="type_tbl_id_des" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($designations as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_des">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_role" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_role') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_role">{{trans('master/master.role')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_role[]" id="type_tbl_id_role" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($roles as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_role">:message</label>')!!}
                                        </div>
                                        <div class="col-md-6 type_tbl_id_grade" style="display: none;">
                                            <div class="mb-1  {{{ $errors->has('type_tbl_id_grade') ? 'has-error' : '' }}}">
                                                <label class="form-label" for="type_tbl_id_grade">{{trans('master/master.grade')}} <span class="mendatory-field text-danger">*</span></label>
                                                <select class="form-select select2" name="type_tbl_id_grade[]" id="type_tbl_id_grade" multiple>
                                                    <option value="-1">All</option>
                                                    @foreach($grades as $val)
                                                        <option value="{{$val->id}}" >{{$val->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            {!! $errors->first('type_tbl_id', '<label class="error" for="type_tbl_id_role">:message</label>')!!}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Type</th>
                                                        <th>Type Name</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($applicabilities as $applicability)
                                                        <tr>
                                                            <td>{{$applicability->type}}</td>
                                                            <td>{{$applicability->type_id}}</td>
                                                            <td>
                                                                <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                    data-bs-toggle="dropdown">
                                                                    <i data-feather="more-vertical" class="font-small-4"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item"
                                                                        href="#"
                                                                        data-url="{!! route('wo-ho-cancellation-policies-applicability.delete', ['alias' => $alias, 'applicability'=>$applicability->id]) !!}"
                                                                        data-request="remove"
                                                                        ><i
                                                                            data-feather="trash" class="font-4"
                                                                            aria-hidden="true"></i><span class="align-middle">
                                                                            Delete</span>
                                                                    </a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Column Search -->
@endsection

@push('footer-script')
    <script src="/js/common-script.js"></script>
    <!-- END: Page JS-->
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        })

        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });

        function handleType() {
            var type = $("#holiday_list_type_id").val();

            $(".type_tbl_id_emp select").val(``);
            $(".type_tbl_id_work select").val(``);
            $(".type_tbl_id_dept select").val(``);
            $(".type_tbl_id_sub_dept select").val(``);
            $(".type_tbl_id_des select").val(``);
            $(".type_tbl_id_loc select").val(``);
            $(".type_tbl_id_role select").val(``);
            $(".type_tbl_id_grade select").val(``);

            $(".type_tbl_id_emp select").select2();
            $(".type_tbl_id_work select").select2();
            $(".type_tbl_id_dept select").select2();
            $(".type_tbl_id_sub_dept select").select2();
            $(".type_tbl_id_des select").select2();
            $(".type_tbl_id_loc select").select2();
            $(".type_tbl_id_role select").select2();
            $(".type_tbl_id_grade select").select2();


            $(".type_tbl_id_emp").hide();
            $(".type_tbl_id_work").hide();
            $(".type_tbl_id_dept").hide();
            $(".type_tbl_id_sub_dept").hide();
            $(".type_tbl_id_des").hide();
            $(".type_tbl_id_role").hide();
            $(".type_tbl_id_loc").hide();
            $(".type_tbl_id_grade").hide();

            $(".type_tbl_id_emp select").removeAttr('required');
            $(".type_tbl_id_work select").removeAttr('required');
            $(".type_tbl_id_dept select").removeAttr('required');
            $(".type_tbl_id_sub_dept select").removeAttr('required');
            $(".type_tbl_id_des select").removeAttr('required');
            $(".type_tbl_id_role select").removeAttr('required');
            $(".type_tbl_id_loc select").removeAttr('required');
            $(".type_tbl_id_grade select").removeAttr('required');

            switch (type) {
                case 'Employee':
                    $(".type_tbl_id_emp").show();
                    $(".type_tbl_id_emp select").attr('required', 'required');
                    break;
                case 'Department':
                    $(".type_tbl_id_dept").show();
                    $(".type_tbl_id_dept select").attr('required', 'required');
                    break;
                case 'Sub Department':
                    $(".type_tbl_id_sub_dept").show();
                    $(".type_tbl_id_sub_dept select").attr('required', 'required');
                    break;
                case 'Designation':
                    $(".type_tbl_id_des").show();
                    $(".type_tbl_id_des select").attr('required', 'required');
                    break;
                case 'Role':
                    $(".type_tbl_id_role").show();
                    $(".type_tbl_id_role select").attr('required', 'required');
                    break;
                case 'Location':
                    $(".type_tbl_id_loc").show();
                    $(".type_tbl_id_loc select").attr('required', 'required');
                    break;
                case 'Workman':
                    $(".type_tbl_id_work").show();
                    $(".type_tbl_id_work select").attr('required', 'required');
                    break;
                case 'Grade':
                    $(".type_tbl_id_grade").show();
                    $(".type_tbl_id_grade select").attr('required', 'required');
                    break;
                default:
            }
        }
    </script>
@endpush