@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.update') }}" method="post" class="safety-log-book-form" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="_id" value="{{ $record->_id }}">
            <div class="card">
                <div class="card-body">
                    <div class="add-to-room">
                        <h5 class="font-size-18 pb-3">Edit 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="{{ isset($record->date) && $record->date != "" ? \Carbon\Carbon::parse($record->date)->format('d/m/Y') : 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', $record->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', $record->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', $record->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', $record->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', $record->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', $record->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', $record->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">
                                        @if(isset($record->documents) && !empty($record->documents))
                                        @foreach($record->documents as $document)
                                        @php $ext = pathinfo($document->url, PATHINFO_EXTENSION); @endphp
                                        <div class="upload-file show {{ strtolower($ext) == 'pdf' ? 'pdf' : 'image' }}">
                                            <i class="icon-cross"></i>
                                            <i class="icon-plus"></i>
                                            <i class="icon-pdf"></i>
                                            <img src="{{ $document->url }}" class="icon-image" />
                                            <input type="file" name="documents" id="documents" data-error="uploadfile-error">
                                            <input type="hidden" class="document" value="{{ $document->_id }}" name="keptDocuments[]">
                                        </div>
                                        <span class="file-name">{{ isset($document->name) ? $document->name : '' }}</span>
                                        @endforeach
                                        @else
                                        <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>
                                        @endif
                                        <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">Update</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