@extends('adminlte::page')
@section('title', 'Users')

@section('content_header')
    <h1>Users</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Add Fuel Station Admin</h3>
                </div>
            
                <form class="form-horizontal" action="{{url('user/store/')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="form-group row">
                            <label for="name" class="col-md-2">Fuel Station</label>
                            <div class="col-md-9">
                                <x-adminlte-select name="fuel_station">
                                    <option value="">Select Fuel Station</option>
                                    @foreach($fuelStations as $fuelStation)
                                        <option value="{{$fuelStation->id}}">{{$fuelStation->name}}</option>
                                    @endforeach
                                </x-adminlte-select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="name" class="col-md-2">Admin Name</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="name" type="text" value="{{old('name')}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Email Address</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="email" type="email" value="{{old('email')}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="mobile_number" class="col-md-2">Mobile Number</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="mobile_number" type="text" value="{{old('mobile_number')}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="address" class="col-md-2">Location/address</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="address" type="text" value="{{old('address')}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="ein_number" class="col-md-2">EIN Number</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="ein_number" type="text" value="{{old('ein_number')}}"/>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="document" class="col-md-2">Document</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="document[]" type="file" multiple/>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button class="btn btn-primary" type="submit">Add</button>
                        <a class="btn btn-secondary" href="{{url('users')}}">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop