@extends('admin.layouts.master')

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

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

@section('page_text', __('admin.Add :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', 'Add 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::open(array('id' => 'signupForm', 'route' => 'keywaiver.store','method'=>'POST')) !!}
                            <input type="hidden" name="user" value="{{$id}}">
                            <input type="hidden" name="apartment" value="{{$apart_id}}">
                            <input type="hidden" name="building" value="{{$building->building_id}}">
                            <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', null, 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', null, array('required'=>'required','placeholder' => '','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">
                                    <option value="OPEN">Open Ended</option>
                                    <option value="TEMP">Temporary</option>
                                </select>
                            </div>
                            <div class="next hidden" id="temp-dates">
                                <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" id="start_date" class="form-control datepicker" name="start_date" >
                                </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="end_date" class="form-control datepicker" name="end_date" >
                                </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',0) }}" 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>
        </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
})

</script>
@endsection