@extends('adminlte::page')
@section('title', 'Fuel Stations')

@section('content_header')
    <h1>Fuel Stations</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Edit Fuel Station</h3>
                </div>
            
                <form class="form-horizontal" action="{{url('fuel-station/update/'.$fuelStation->id)}}" method="post">
                    @csrf
                    <div class="card-body">
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Name</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="name" type="text" value="{{$fuelStation->name}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Address</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="address" type="text" value="{{$fuelStation->address}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">City</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="city" type="text" value="{{$fuelStation->city}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Zipcode</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="zipcode" type="number" min=0 value="{{$fuelStation->zipcode}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Country</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="country" type="text" value="{{$fuelStation->country}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Latitude</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="latitude" type="text" value="{{$fuelStation->latitude}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Longitude</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="longitude" type="text" value="{{$fuelStation->longitude}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Opening Time</label>
                            <div class="col-md-9">
                                @section('plugins.BootstrapColorpicker', true)
                                @php
                                    $config = ['format' => 'LT'];
                                @endphp
                                <x-adminlte-input-date id="timepicker1" name="opening_time" :config="$config" placeholder="Choose a time..." value="{{$fuelStation->opening_time}}">
                                    <x-slot name="prependSlot">
                                        <div class="input-group-text bg-gradient-info">
                                            <i class="fas fa-clock"></i>
                                        </div>
                                    </x-slot>
                                </x-adminlte-input-date>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Closing Time</label>
                            <div class="col-md-9">
                                <x-adminlte-input-date id="timepicker2" name="closing_time" :config="$config" placeholder="Choose a time..." value="{{$fuelStation->closing_time}}">
                                    <x-slot name="prependSlot">
                                        <div class="input-group-text bg-gradient-info">
                                            <i class="fas fa-clock"></i>
                                        </div>
                                    </x-slot>
                                </x-adminlte-input-date>
                            </div>
                        </div>
                    <div class="card-footer">
                        <button class="btn btn-primary" type="submit">Update</button>
                        <a class="btn btn-secondary" href="{{url('fuel-stations')}}">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop
@section('js')
<script type="text/javascript">
    $('#timepicker1').timepicker();
    $('#timepicker2').timepicker();
</script>
@stop