@extends($viewVars['loadTeacherLayout'] ? 'layouts.teacher' : 'layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Safety Log Book</h4>
    </div>
    <div class="col-6">
        <div class="form-inline float-right mt-3 mt-sm-0">
            <a href="{{route($viewVars['routePrefix'].'.safety-log-book')}}" class="btn btn-success mb-2 mb-sm-0">Back</a>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form action="{{ route($viewVars['routePrefix'].'.safety-log-book.store') }}" method="post" class="safety-log-book-form" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-body">
                    <div class="add-to-room">
                        <h5 class="font-size-18 pb-3">Add New Record</h5>
                        <div class="row mb-2">
                            <div class="col-lg-6 order-lg-1 order-2">
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Date</label>
                                    <div class="col-xl-8">
                                        <span class="flatpickr-arrow"></span>
                                        <input type="text" class="form-control flatpickr flatpickr-input" name="date" value="{{ old('date') }}" placeholder="" required>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Nature of Drill</label>
                                    <div class="col-xl-8">
                                        <input type="text" class="form-control" name="natureOfDrill" value="{{ old('natureOfDrill') }}" required>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Persons</label>
                                    <div class="col-xl-8">
                                        <input type="number" class="form-control" name="persons" value="{{ old('persons') }}" min="0">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Number of Children</label>
                                    <div class="col-xl-8">
                                        <input type="number" class="form-control" name="childrenNum" value="{{ old('childrenNum') }}" min="0">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Number of Staff</label>
                                    <div class="col-xl-8">
                                        <input type="number" class="form-control" name="staffNum" value="{{ old('staffNum') }}" min="0">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Evacuation Time</label>
                                    <div class="col-xl-8">
                                        <input type="time" class="form-control" name="evacuationTime" value="{{ old('evacuationTime') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Person in Charge</label>
                                    <div class="col-xl-8">
                                        <input type="text" class="form-control" name="personInCharge" value="{{ old('personInCharge') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Comments</label>
                                    <div class="col-xl-8">
                                        <textarea class="form-control" name="comments" rows="3">{{ old('comments') }}</textarea>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Upload a PDF</label>
                                    <div class="col-xl-8">
                                        <div class="upload-file">
                                            <i class="icon-cross"></i>
                                            <i class="icon-plus"></i>
                                            <i class="icon-pdf"></i>
                                            <img src="" class="icon-image" />
                                            <input type="file" name="documents" id="documents" data-error="uploadfile-error">
                                        </div>
                                        <span class="file-name"></span>
                                        <div class="uploadfile-error"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-5">
                <button type="submit" class="btn btn-success btn-min-width mr-2">Create</button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('script')
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.js') }}" type="text/javascript"></script>
@endsection
@section('script-bottom')
<script defer src="{{ Helper::assets('assets/js/pages/safety-log-book-add.js') }}?v=1" type="text/javascript"></script>
@endsection