@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-->

    <!-- 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('master/master.rota_management')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{trans('master/master.home')}}</a>
                    </li>
                    <li class="breadcrumb-item active">{{trans('master/master.rota_management')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{{ Form::open(array('url' => $alias.'/rota-management', 'method' => 'POST')) }}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('master/master.rota_management_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('master/master.add_rota_management_details')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('master/master.rota_management_details')}}</h5>
                        <small class="text-muted">{{trans('master/master.enter_rota_management_details')}}</small>
                    </div>
                    <div class="row" id="radio-buttons">
                        <div class="mb-2 col-md-6 {{{ $errors->has('employeetype') ? 'has-error' : '' }}}">
                            <label class="form-label mb-1" for="employeetype">{{trans('master/master.employee')}} {{trans('master/master.type')}}  <span class="mendatory-field text-danger">*</span></label>
                            <br>
                            <input class="form-check-input" type="radio" id="employeeType" name="employeetype" value="employee" checked @if((old('employeetype') ==  'employee')) checked @endif> 
                            <label class="form-label me-1" for="employeeType">{{trans('master/master.employee')}}</label>
                            <input class="form-check-input" type="radio" id="workmanType" name="employeetype" value="workman" @if((old('employeetype') ==  'workman')) checked @endif> 
                            <label class="form-label" for="workmanType">{{trans('master/master.workman')}}</label>
                            <br>
                            {!! $errors->first('employeetype', '<label class="error" for="employeetype">:message</label>')!!}
                        </div>
                    </div>
                    <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-control select2" id="type" name="type" >
                                    <option value="" selected>Select {{trans('master/master.type')}}</option>
                                    @foreach($rotaManagementTypes as $rotaManagementType)
                                        <option value="{{$rotaManagementType}}"  @if((old('type') == $rotaManagementType )) selected @endif>{{ ucfirst($rotaManagementType) }}</option>                                                        
                                    @endforeach
                                </select>
                                {!! $errors->first('type', '<label class="error" for="type">:message</label>')!!}
                            </div>
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('department_id') ? 'has-error' : '' }}}"  id="department-div" style="display: @if((old('type'))=='department') block @else none @endif;">
                            <label class="form-label" for="department_id">{{trans('master/master.department')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="department_id" name="department_id" >
                                @foreach($departments as $department)
                                    <option value="{{$department->id}}"  @if((old('department_id') == $department->id )) selected @endif>{{ ucfirst($department->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('department_id', '<label class="error" for="department_id">:message</label>')!!}
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('designation_id') ? 'has-error' : '' }}}"  id="designation-div" style="display: @if((old('type'))=='designation') block @else none @endif;">
                            <label class="form-label" for="designation_id">{{trans('master/master.designation')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="designation_id" name="designation_id" >
                                @foreach($designations as $designation)
                                    <option value="{{$designation->id}}"  @if((old('designation_id') == $designation->id )) selected @endif>{{ ucfirst($designation->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('designation_id', '<label class="error" for="designation_id">:message</label>')!!}
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('location_id') ? 'has-error' : '' }}}"  id="location-div" style="display: @if((old('type'))=='location') block @else none @endif;">
                            <label class="form-label" for="location_id">{{trans('master/master.location')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="location_id" name="location_id" >
                                @foreach($locations as $location)
                                    <option value="{{$location->id}}"  @if((old('location_id') == $location->id )) selected @endif>{{ ucfirst($location->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('location_id', '<label class="error" for="location_id">:message</label>')!!}
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('employee_id') ? 'has-error' : '' }}}"  id="employee-div" style="display: @if((old('type'))=='employee') block @else none @endif;">
                            <label class="form-label" for="employee_id">{{trans('master/master.employee')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="employee_id" name="employee_id" >
                                @foreach($employees as $employee)
                                    <option value="{{$employee->id}}"  @if((old('employee_id') == $employee->id )) selected @endif>{{ ucfirst($employee->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('employee_id', '<label class="error" for="employee_id">:message</label>')!!}
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('workman_id') ? 'has-error' : '' }}}"  id="workman-div" style="display: @if((old('type'))=='workman') block @else none @endif;">
                            <label class="form-label" for="workman_id">{{trans('master/master.workman')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="workman_id" name="workman_id" >
                                @foreach($workmans as $workman)
                                    <option value="{{$workman->id}}"  @if((old('workman_id') == $workman->id )) selected @endif>{{ ucfirst($workman->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('workman_id', '<label class="error" for="workman_id">:message</label>')!!}
                        </div>
                        <div class="mb-1 col-md-6 {{{ $errors->has('shift_id') ? 'has-error' : '' }}}"  id="shift-div" style="display: @if((old('type'))=='shift') block @else none @endif;">
                            <label class="form-label" for="shift_id">{{trans('master/master.shift')}} <span class="mendatory-field text-danger">*</span></label>
                            <select class="form-control  select-type select2" id="shift_id" name="shift_id" >
                                @foreach($shifts as $shift)
                                    <option value="{{$shift->id}}"  @if((old('shift_id') == $shift->id )) selected @endif>{{ ucfirst($shift->name) }}</option>                      
                                @endforeach
                            </select>
                            {!! $errors->first('shift_id', '<label class="error" for="shift_id">:message</label>')!!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-label-group">
                                <label class="form-label" for="from_date">{{trans('master/master.from_date')}} <span class="mendatory-field text-danger">*</span></label> 
                                {!! Form::text('from_date',date('Y-m-d', strtotime($fromDate)),['class' => 'form-control flatpickr-basic', 'id' => 'from_date']) !!}
                                {!! $errors->first('from_date', '<label class="error" for="from_date">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-label-group" >
                                <label class="form-label" for="to_date">{{trans('master/master.to_date')}} <span class="mendatory-field text-danger">*</span></label> 
                                {!! Form::text('to_date',date('Y-m-d', strtotime($toDate)),['class' => 'form-control flatpickr-basic', 'id' => 'to_date']) !!}
                                {!! $errors->first('to_date', '<label class="error" for="to_date">:message</label>')!!}
                            </div>
                        </div>
                    </div>
                    <div class="content-footer position-absolute bottom-0 col-md-12">
                        <div class="d-flex flex-row-reverse content-footer">
                            <button department_id="submit" class="btn btn-success btn-submit user-submit" id="submit-text">{{trans('common/common.submit')}}</button>
                        </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-->

<!-- 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>
<!-- END: Page JS-->

<script>
    $(document).ready(function() {
        if($('input:radio[name=employeetype]:checked').val()=='workman'){
            $('#type').children('option[value="employee"]').remove();
            if($('#type option').filter(":selected").val()=='workman'){
                $('input:radio[name=employeetype]').children('option[value="workman"]').trigger('click');
            }
            else{
                $('#type').children('option[value="workman"]').remove();
                $("#type option:last").removeAttr('selected');
                $("#type").append("<option value='workman'> Workman </option>");
            }
        }else{
            $('#type').children('option[value="workman"]').remove();
        }
        $('#type').change(function() {
            $(".select-type").attr("disabled", true);
            $('.select-type').parent().parent().parent().hide();
            var ids = $(this).val();
            $('.select-type').prop('selectedIndex',0);
            $('#'+ids+'_id option:first').prop('selected',true).trigger( "change" );
            $('#'+ids+'-div > .select-type').removeAttr("disabled");
            $('#'+ids+'-div').show();
            $('#'+ids+'_id').removeAttr("disabled");
            $('#'+ids+'_id').parent().parent().parent().show();

        });
        $('input:radio[name=employeetype]').click(function () {
            if($('#type').val() === 'employee' || $('#type').val() === 'workman'){
                $("#type option:first").prop('selected',true).trigger( "change" );
            }
            if (this.value === 'employee') {
                $('#type').children('option[value="workman"]').remove();
                $('#type').children('option[value="employee"]').remove();
                $("#type").append("<option value='employee'> Employee </option>");
            }
            if (this.value === 'workman') {
                $('#type').children('option[value="workman"]').remove();
                $('#type').children('option[value="employee"]').remove();
                $("#type").append("<option value='workman'> Workman </option>");
            }
        });
    });

</script>

@endpush