@extends('admin.layouts.app')
@section('title', 'Register Agent')
@section('content')
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            @include('admin.includes.alerts')
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">REGISTER AGENT</h5>
                    <form method="post" enctype="multipart/form-data" action="{{ route('Store Agent') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label class="">Name</label>
                                    <input name="name"  placeholder="Full Name"
                                           type="text" class="form-control" required autofocus>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label class="">Mobile</label>
                                    <input name="msisdn" placeholder="Mobile"
                                           type="number" class="form-control" required>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="exampleEmail" class="">Email</label>
                                    <input name="email" id="exampleEmail" placeholder="Email (Optional)"
                                           type="email" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label class="">Physical 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-3">
                                <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-3">
                                <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-2">
                                <div class="position-relative form-group"><label for="exampleSelect" class="">Region</label>
                                    <select name="city" id="exampleSelect" class="form-control" required>
                                        <option value=""></option>
                                        @foreach($cities as $city)
                                            <option value="{{ $city->id }}">{{ $city->city }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="position-relative form-group"><label for="exampleSelect" class="">Sales Office</label>
                                    <select name="collection_office" id="exampleSelect" class="form-control" required>
                                        <option value=""></option>
                                        @foreach($reportsTo as $office)
                                            <option value="{{ $office->id }}">{{ $office->name }}</option>
                                        @endforeach

                                    </select>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="position-relative form-group"><label for="status" class="">Can CashOut</label>
                                    <select name="cashout" class="form-control" required>
                                        <option value="0">No</option>
                                        <option value="1">Yes</option>
                                    </select>
                                </div>
                            </div>
{{--                            <div class="col-md-1">--}}
{{--                                <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-1">--}}
{{--                                <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-4">

                                <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-2">
                                <div class="position-relative form-group"><label for="status" class="">Sales Option</label>
                                    <select name="salesOperation"  class="form-control" required>
                                        <option value="1">Tickets</option>
                                        <option value="2">Parcels</option>
                                        <option value="3">Tickets & Parcels</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="position-relative form-group"><label for="status" class="">Manifest</label>
                                    <select name="report"  class="form-control" required>
                                        <option value="1">View All</option>
                                        <option value="0">Only View His/Her's</option>
                                    </select>
                                </div>
                            </div>

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

                            <div class="col-md-2">
                                <div class="position-relative form-group"><label class="">Custom Password</label>
                                    <input name="password" placeholder="Password (Optional)"
                                           type="text" class="form-control">
                                </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