@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/css/daterangepicker.css">
    
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('emprecords/warning.compliance_type')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">{{trans('common/common.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/compliance/compliance-type">{{trans('emprecords/warning.compliance_type')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                    @if(isset($complianceType) && ($complianceType->id))
                        {{trans('emprecords/warning.edit_compliance_type')}}
                    @else
                        {{trans('emprecords/warning.add_compliance_type')}}
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')

 <!-- Basic multiple Column Form section start -->
 {!! Form::model($complianceType, ['method' => 'post', 'files' => 'true']) !!}
 <input type="hidden" name="organization_id" value="{{$organization->id}}">
 <section id="multiple-column-form">
    <div class="row">
            @if (isset($status))
            <div class="card-header">
                @foreach ($status['messages'] as $m)
                <div class="demo-spacing-0">
                    <div class="alert alert-{{$status['code']}}" role="alert">
                        <div class="alert-body"><strong>{{$m}}</strong></div>
                    </div>
                </div>
                @endforeach
            </div> 
            @endif
        <div class="col-12">
            <div class="card">
                <!-- <div class="card-header">
                    <h4 class="card-title">Multiple Column</h4>
                </div> -->
                <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                    <label for="name" class="required">{{trans('emprecords/healthrecords.name')}}<span class="text-danger">*</span></label>
                                    {!! Form::text('name', isset($complianceType->name) ? $complianceType->name : old('name'), ['class' => 'form-control', 'id' => 'name']) !!} 
                                    {!! $errors->first('name', '<label class="control-label error" for="name">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group {{{ $errors->has('status') ? 'has-error' : '' }}}">
                                    <label for="status" class="required">{{trans('emprecords/healthrecords.status')}}<span class="text-danger">*</span></label>
                                    <select class="form-control select2" id="status" name="status" >
                                        <option value="" selected>{{trans('emprecords/healthrecords.select_status')}}</option>
                                        @foreach($complianceStatus as $status)
                                            <option value="{{$status}}"  @if((old('status') == $status ) || (isset($complianceType->status) && $complianceType->status == $status)) selected @endif>{{ ucfirst($status) }}</option>                      
                                        @endforeach
                                    </select>
                                    {!! $errors->first('status', '<label class="control-label error" for="status">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-md-6 col-12 mt-1">
                                <div class="form-group {{{ $errors->has('type') ? 'has-error' : '' }}}">
                                    <label for="type" class="required">{{trans('emprecords/healthrecords.type')}}<span class="text-danger">*</span></label>
                                    <select class="form-control select2" id="type" name="type" onchange="parentType.call(this)">
                                        <option value="" selected>{{trans('emprecords/healthrecords.select_type')}}</option>
                                        <option value="vaccination"  @if((old('type') == 'vaccination' ) || (isset($complianceType->type) && $complianceType->type == 'vaccination')) selected @endif>Vaccination</option>                                                        
                                        <option value="verification"  @if((old('type') == 'verification' ) || (isset($complianceType->type) && $complianceType->type == 'verification')) selected @endif>Verification</option>                                                        
                                    </select>
                                    {!! $errors->first('type', '<label class="control-label error" for="type">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-md-6 col-12 mt-1">
                                <div class="form-group {{{ $errors->has('frequency_id') ? 'has-error' : '' }}}">
                                    <label for="frequency_id" class="required">{{trans('emprecords/warning.frequency')}}<span class="text-danger">*</span></label>
                                    <select class="form-control select2" id="frequency_id" name="frequency_id" >
                                        <option value="">{{trans('emprecords/warning.select_frequency')}}</option>
                                        @foreach($frequencies as $frequency)
                                            <option value="{{$frequency->id}}"  @if((old('frequency_id') == $frequency->id ) || (isset($complianceType->frequency_id) && $complianceType->frequency_id == $frequency->id)) selected @endif>{{ ucfirst($frequency->name) }}</option>                      
                                        @endforeach
                                    </select>
                                    {!! $errors->first('frequency_id', '<label class="control-label error" for="frequency_id">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-md-6 col-12 mt-1">
                                <div class="form-group {{{ $errors->has('parent_compliance_type') ? 'has-error' : '' }}}">
                                    <label for="parent_compliance_type">{{trans('emprecords/warning.parent_compliance_type')}}</label>
                                    <select class="form-control select2" id="parent_compliance_type" name="parent_compliance_type" >
                                        <option value="">{{trans('emprecords/warning.select_parent_type')}}</option>
                                        @if(isset($complianceType) && ($complianceType->id))
                                            @foreach($parentComplianceTypes as $parentComplianceType)
                                                <option value="{{$parentComplianceType->id}}"  @if((old('parent_compliance_type') == $parentComplianceType->id ) || (isset($complianceType->parent_compliance_type) && $complianceType->parent_compliance_type == $parentComplianceType->id)) selected @endif>{{ ucfirst($parentComplianceType->name) }}</option>                      
                                            @endforeach
                                        @endif
                                    </select>
                                    {!! $errors->first('parent_compliance_type', '<label class="control-label error" for="parent_compliance_type">:message</label>')!!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12 mt-2 d-flex justify-content-end">
                                <button type="submit" id="save-form" class="btn btn-primary me-1">{{trans('common/common.save')}}</button> 
                            </div>
                        </div>        
                </div>
            </div>
        </div>
    </div>
</section>
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->
<script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
<script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
<script src="/assets/js/moment.min.js"></script>
<script src="/assets/js/daterangepicker.js"></script>

<script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
<script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
<script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
<script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
<script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script>
<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>

<script src="/assets/plugins/bower_components/bootstrap-select/bootstrap-select.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<!-- END: Page JS-->
<script>
    function parentType(){
        var url = "{!! route('parent-compliance-type',['alias'=>$alias]) !!}?compliance_type=" + $(this).val();
        $.ajax({
            url: url,
            type: "GET",
            success: function (data) {
                op = '<option value="">Select Parent Type</option>';
                for (var i = 0; i < data.length; i++){
                    if(!( '{{isset($complianceType)}}' && '{{$complianceType->id}}' == data[i].id)){
                        op += '<option value="'+data[i].id+'">'+data[i].name+'</option>';
                    }
                }
                $('#parent_compliance_type').html(op);
                $('#parent_compliance_type').select2('destroy');
                $('#parent_compliance_type').select2();

            }
        });
    }
</script>

<style>
.custom-dropdown .form-control { height: auto; padding: 0 }
.custom-dropdown .select2-container-multi.select2-container-disabled .select2-choices { background: none; padding:0; border: none }
.custom-dropdown .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { margin-right: 5px }
#organization tr th { /* word-break: break-all; */ 
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.tbalorganiresp { overflow: scroll }  
</style>

@endpush