@extends('layouts.seller')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>@if($data->id) {!! __('vacation.edit') !!} @else {!! __('vacation.add') !!} @endif</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('seller.dashboard', getStoreSlug()) !!}">{!! __('seller.dashboard') !!}</a></li>
                    <li class="breadcrumb-item"><a href="{!! route('vacation.index') !!}">{!! __('vacation.title') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">@if($data->id) {!! __('vacation.edit') !!} @else {!! __('vacation.add') !!} @endif</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    {!! Form::open(array('route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave')) !!}
    <div class="row">
        <div class="col-12">
            <div class="error-msg font-14 mt-2"></div>
            <div class="round-white-bg box-shadow">
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('vacation_type', __('vacation.type'), ['class' => 'control-label mb-2']) !!}
                                            {{ Form::radio('vacation_type',1, ($data->vacation_type==2)?false:true,['class' => 'v_type']) }} {{__('vacation.sv')}}
                                            {{ Form::radio('vacation_type',2, ($data->vacation_type==2)?true:false,['class' => 'v_type']) }} {{__('vacation.rv')}}

                                        </div>
                                    </div>

                                    <div class="col-md-12 single_vac" @if($data->vacation_type == 2) style="display: none" @endif>
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('vacation_date', __('vacation.date'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::text('v_date', dateFormat($data->start_date, SHOW_DATE), ['class' => 'form-control datepicker-input','id'=>'start_date2']) !!}
                                        </div>
                                    </div>
                                     <div class="col-md-12 range_vac" @if($data->vacation_type == 1) style="display: none" @elseif(!isset($data->vacation_type))style="display: none" @endif>
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('start_date', __('vacation.start_date'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::text('start_date', dateFormat($data->start_date, SHOW_DATE), ['class' => 'form-control datepicker-input','id'=>'start_date']) !!}
                                        </div>
                                    </div>
                                     <div class="col-md-12 range_vac"  @if($data->vacation_type == 1) style="display: none" @elseif(!isset($data->vacation_type))style="display: none" @endif>
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('end_date3', __('vacation.end_date'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::text('end_date', dateFormat($data->end_date, SHOW_DATE), ['class' => 'form-control datepicker-input','id'=>'end_date']) !!}
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('leave_type', __('vacation.leave_type'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::select('leave_type', leaveType(), $data->leave_type, ['class' => 'form-control select2']) !!}
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('employee', __('vacation.employee'), ['class' => 'control-label mb-2']) !!}

                                            {!! Form::select('employee',$employee,$data->employee_id, ['class' => 'form-control select2']) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('status', __('vacation.status'), ['class' => 'control-label mb-2']) !!}

                                            {!! Form::select('status',vacationStatus(),$data->status, ['class' => 'form-control select2']) !!}
                                        </div>
                                    </div>
                                     <div class="col-md-12">
                                        <div class="custom-input-group colored-field-group col-md-6">
                                            {!! Form::label('notes', __('vacation.notes'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::textarea('notes',$data->notes, ['class' => 'form-control', 'size' => '4x2']) !!}
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="form-group mt-3 text-left col-12">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                                    </li>
                                    {{-- <li class="list-inline-item">
                                        <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                                    </li> --}}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if($data->id) @method('PUT') @endif
    {!! Form::close() !!}
</div>
@endsection

@section('script')
<script type="text/javascript">
	$(".v_type").change(function ()
	{
		let vType = $(this).val();
		if(vType == 1) {
			$('.range_vac').hide();
			$('.single_vac').show();
		} else {
			$('.range_vac').show();
			$('.single_vac').hide();
		}
	});

	$("#end_date").change(function ()
	{
		let startDate = $('#start_date').val();
		let endDate = $('#end_date').val();

		if ((Date.parse(startDate) > Date.parse(endDate))) {
			alert("End date should be greater than Start date");
			$('#end_date').val('');

		}
	});
</script>
@endsection