@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('thidLevel','App\Presenters\ThirdLevelPresenter')
        {!! $thidLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'insideVehicles.index') !!}
        </div>
        <div class="card-body">
            <form action="{{ route('insideVehicles.store') }}" method="post" id="form">
            @csrf
            <div class="col-sm-6">
                <div class="form-group">
                    <label>設備編號</label>
                    <select class="form-control" name="device_number_in">
                        @inject('devicesRepository', 'App\Repositories\DevicesRepository')
                        @foreach($devicesRepository->getByWhereIn('mode', [1, 7]) as $id => $device)
                            <option value="{{ $device->number }}"  @if($device->number == old('device_number_in')) selected @endif >{{ $device->number }} ({{ $device->name }})</option>
                        @endforeach
                    </select>
                    @error('device_number_in')
                        <span id="device_number_in-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>
            <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