@extends('admin.layouts.master')

@section('page_title', __('admin.Edit :name' , ['name' =>  __('admin.Manage Key Waivers')]))

@section('page_heading', __('admin.Edit :name' , ['name' =>  __('admin.Manage Key Waivers')]))

@section('page_text', __('admin.Edit :name' , ['name' =>  __('admin.Manage Key Waivers')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Manage Key Waivers')

@section('page_breadcrumb_item2', 'Edit Key Waivers')

@section('css')
    <link rel="stylesheet" href="{{asset('assets_admin/css/flatpickr.min.css')}}">
@endsection
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card card-flush">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        {!! Form::model($item, ['method' => 'PATCH','route' => ['keywaiver.update', $item->id]]) !!}
                        <h5>Apartment: <span>{{$apart->name}} (floor {{$apart->floor_no}}) - {{$apart->user->first_name}} {{$apart->user->last_name}}</span></h5>
                        <div class="d-flex flex-column mb-7 fv-row">
                            <label for="name" class="fs-6 fw-semibold mb-2">@lang('admin.Name')</label>
                            {!! Form::text('name', $item->name, array('required'=>'required','placeholder' => 'Enter name','class' => 'form-control')) !!}
                        </div>
                        <div class="d-flex flex-column mb-7 fv-row">
                            <label for="company" class="fs-6 fw-semibold mb-2">@lang('admin.Company')</label>
                            {!! Form::text('company', $item->company, array('required'=>'required','class' => 'form-control')) !!}
                        </div>
                        <div class="d-flex flex-column mb-7 fv-row">
                            <label for="waiver_type" class="fs-6 fw-semibold mb-2">@lang('admin.Waiver Type')</label>
                            <select name="waiver_type" required id="waiver_type" class="form-select "
                            data-control="select2" onchange="addInput()">
                                <option value="OPEN" @if ($item->waiver_type == 'OPEN')
                                    selected
                                @endif>Open Ended</option>
                                <option value="TEMP" @if ($item->waiver_type == 'TEMP')
                                    selected
                                @endif>Temporary</option>
                            </select>
                        </div>
                        <div class="next" style="display: none;">
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="start_date" class="fs-6 fw-semibold mb-2">@lang('admin.Start Date')</label>
                                <input type="text" @if($item->waiver_type == 'TEMP') value="{{$item->start_date}}" @else value="" @endif id="s_date" name="start_date" class="form-control datepicker" >
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="end_date" class="fs-6 fw-semibold mb-2">@lang('admin.End Date')</label>
                                <input type="text" id="e_date" @if($item->waiver_type == 'TEMP') value="{{$item->end_date}}" @else value="" @endif name="end_date" class="form-control datepicker">
                            </div>
                        </div>
                        <div class="d-flex flex-column mb-7 fv-row">
                            <div class="divider"></div>

                            <div class="clearfix">
                               
                                <button type="submit" id="next-btn"
                                        class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                    @lang('admin.Submit')
                                </button>
                                <a href="{{ route('keywaiver.index',$item->user_id) }}" id="prev-btn"
                                   class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                    @lang('admin.Cancel')
                                </a>
                            </div>
                        </div>
                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>
        <p><a href="{{url('admin/key-waiver/'.$item->id)}}" class="btn-shadow btn-wide float-right btn-hover-shine btn btn-danger" onclick="return confirm('Are you sure you want to delete?')">Delete this Key Waiver Agreement?</a></p>
    </div>
</div>
@endsection
@section('js')
<script src="{{asset('assets_admin/js/flatpickr.js')}}"></script>
<script>
flatpickr('.datepicker', {
    minDate: "today",
    allowInput: true,
    maxDate: new Date().fp_incr(14) // 14 days from now
})
$( document ).ready(function() {
    var waiver_type = $('#waiver_type').val();
    console.log(waiver_type);
    if(waiver_type == "TEMP"){
        $('.next').show();
        $('#s_date').attr('required',true);
        $('#e_date').attr('required',true);
    }else{
        $('.next').hide();
        $('#s_date').attr('required',false);
        $('#e_date').attr('required',false);
    }
});
function addInput(){
    var waiver_type = $('#waiver_type').val();
    if(waiver_type == "TEMP"){
        $('.next').show();
        $('#s_date').attr('required',true);
        $('#e_date').attr('required',true);
    }
    else{
        $('.next').hide();
        $('#s_date').attr('required',false);
        $('#e_date').attr('required',false);
    }
}
</script>
@endsection