@extends('layouts.main')

@section('pageTitle', '場內車輛 (無柵欄)')

@section('content')
    <div class="col-12 col-sm-12">
        <div class="card card-primary card-outline card-outline-tabs">
            <div class="card-header p-0 border-bottom-0">
                @inject('thirdLevel', 'App\Presenters\ThirdLevelPresenter')
                {!! $thirdLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'insideVehicles.index') !!}
            </div>
            <div class="card-body">
                <form action="{{ route('insideVehicles.storeUnfenced') }}" method="post" id="form">
                    @csrf
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>攝影機編號</label>
                            <select class="form-control" name="parking_spot_number">
                                @foreach ($cameras as $camera)
                                    <option value="{{ $camera->address }}" @if ($camera->number == old('parking_spot_number')) selected @endif>{{ $camera->number }}</option>
                                @endforeach
                            </select>
                            @error('parking_spot_number')
                                <span id="parking_spot_number-error" class="validateError">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="token">車號</label>
                            <input type="text" class="form-control" placeholder="車號" name="token" value="{{ old('token') }}">
                            @error('token')
                                <span id="token-error" class="validateError">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="entry_time">進場時間</label>
                            <input type="text" class="form-control" placeholder="進場時間" name="entry_time" value="{{ old('entry_time', date('Y-m-d H:i:s')) }}" data-inputmask-alias="datetime" data-inputmask-inputformat="yyyy-mm-dd HH:MM:ss" data-mask>
                            @error('entry_time')
                                <span id="entry_time-error" class="validateError">{{ $message }}</span>
                            @enderror
                        </div>
                        {{-- <div class="form-group">
                            <label for="password">車種</label>
                            <select class="form-control" name="vehicle_type">
                                @inject('vehicleTypesRepository', 'App\Repositories\VehicleTypesRepository')
                                @foreach ($vehicleTypesRepository->getListByPluck('id', 'name', [['id', '<', 3]]) as $id => $name)
                                    <option value="{{ $id }}" @if ($id == old('vehicle_type')) selected @endif>{{ $name }}</option>
                                @endforeach
                            </select>
                            @error('vehicle_type')
                                <span id="vehicle_type-error" class="validateError">{{ $message }}</span>
                            @enderror
                        </div> --}}
                        {{-- <div class="form-group">
                            <label for="password">入場身份</label>
                            <select class="form-control" name="token_type">
                                @foreach (config('webCommonData.tokenTypeDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if ($value == old('token_type', 2)) selected @endif>{{ $name }}</option>
                                @endforeach
                            </select>
                            @error('token_type')
                                <span id="token_type-error" class="validateError">{{ $message }}</span>
                            @enderror
                        </div> --}}
                        {{-- <input type="hidden" name="mode" value="2"> --}}
                    </div>
                    <button type="button" class="btn btn-primary" id="submitButton">新增</button>
                    <a class="btn btn-warning" href="{{ route('insideVehicles.index') }}">返回</a>
                </form>
            </div>
            <!-- /.card -->
        </div>
    </div>
@endsection

@section('js')
    @include('include.datePickerAndMask')
    <script>
        $(document).ready(function() {
            $('[name=entry_time]').inputmask();

            $("#submitButton").click(function(e) {
                e.preventDefault();
                let now = new Date().getTime();
                let entryTime = new Date($('input[name="entry_time"]').val()).getTime();
                if (entryTime > now) {
                    Swal.fire({
                        icon: "warning",
                        title: "進場時間大於目前時間，是否新增？",
                        confirmButtonText: "是",
                        showCloseButton: true,
                        showCancelButton: true,
                        cancelButtonText: '否',
                        cancelButtonColor: '#3B3838',
                    }).then((result) => {
                        if (result.value) {
                            pageOverlay(); // 頁面鎖
                            $("#form").submit();
                        }
                    });
                } else {
                    pageOverlay();
                    $("#form").submit();
                }
            });
        });
    </script>
@endsection