@extends('admin.layouts.app')

@section('title', 'Edit Agent')

@section('content')
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">EDIT AGENT</h5>
                    <form method="post" enctype="multipart/form-data" action="{{ route('Update Agent') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-5">
                                <div class="position-relative form-group"><label for="exampleEmail" class="">Name</label>
                                    <input name="name" id="exampleEmail" placeholder="Full Name"
                                           type="text" class="form-control" required autofocus>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="exampleEmail" class="">Contact</label>
                                    <input name="msisdn" id="exampleEmail" placeholder="Mobile"
                                           type="text" class="form-control" required>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="exampleEmail" class="">Address</label>
                                    <input name="address" id="exampleEmail" placeholder="Location"
                                           type="text" class="form-control" required>
                                </div>
                            </div>


                        </div>

                        <div class="row">

                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="seat_order" class="">Agent Type</label>
                                    <select name="type" id="seat_order" class="form-control" required>
                                        <option></option>
                                        <option value="1">Non Commision</option>
                                        <option value="2">Commised Based</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="exampleSelect" class="">Company</label>
                                    <select name="company" id="exampleSelect" class="form-control" required>
                                        <option></option>
                                        @foreach($companies as $company)
                                            <option value="{{ $company->id }}">{{ $company->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group"><label for="capacity" class="">From Seat</label>
                                    <input name="seat_start" id="seats" placeholder="" type="number"
                                           class="form-control" required>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="position-relative form-group"><label for="capacity" class="">To Seat</label>
                                    <input name="seat_end" id="seats" placeholder="" type="number"
                                           class="form-control" required>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-8">

                                <div class="position-relative form-group"><label for="exampleCustomMutlipleSelect" class="">Routes</label>
                                    <select multiple="" type="select"
                                            id="exampleCustomMutlipleSelect"
                                            name="routes[]" class="custom-select">

                                        @foreach($routes as $route)
                                            <option value="{{ $route->id }}">{{\App\Models\Cities::where(['id' => $route->start_point])->first()->city}}
                                                - {{\App\Models\Cities::where(['id' => $route->end_point])->first()->city}}
                                                @if($route->class == 1)
                                                    (VVIP)
                                                @elseif($route->class == 2)
                                                    (VIP)
                                                @elseif($route->class == 3)
                                                    (Luxury)
                                                @elseif($route->class == 4)
                                                    (Semi-Luxury)
                                                @else{
                                                (Ordinary)
                                                }
                                                @endif
                                            </option>
                                        @endforeach
                                    </select>
                                </div>


                            </div>


                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="status" class="">Status</label>
                                    <select name="status" id="route" class="form-control" required>
                                        <option value="1">Active</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                </div>
                            </div>
                        </div>





                        <br>
                        <div class="position-relative form-group"><label for="exampleFile" class="">Agent
                                Photo</label><input name="file" id="exampleFile" type="file" class="form-control-file">
                            <small class="form-text text-muted">Upload Bus Image (Optional)</small>
                        </div>
                        <div class="d-block  card-footer">
                            <a href="{{ route('Agents') }}" class="mr-2 btn btn-link btn-sm">Cancel</a>
                            <button type="submit" class="btn btn-success btn-lg">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection