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

@section('content_header')
    <h1>Commission</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Edit Commission</h3>
                </div>
            
                <form class="form-horizontal" action="{{url('commission/update/'.$commission->id)}}" method="post">
                    @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_id">
                                    <option value="">Select Fuel Station</option>
                                    @foreach($fuelStations as $fuelStation)
                                        <option value="{{$fuelStation->id}}" selected>{{$fuelStation->name}}</option>
                                    @endforeach
                                </x-adminlte-select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="email" class="col-md-2">Commission Percentage</label>
                            <div class="col-md-9">
                                <x-adminlte-input name="commission_percentage" type="number" min=0 max=100 value="{{$commission->commission_percentage}}"/>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button class="btn btn-primary" type="submit">Update</button>
                        <a class="btn btn-secondary" href="{{url('commissions')}}">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop