@extends('admin.layouts.app')

@section('title', 'Register Bus')

@section('content')
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            @include('admin.includes.alerts')
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">REGISTER BUS</h5>
                    <form method="post" enctype="multipart/form-data" action="{{ route('Store Bus') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-5">
                                <div class="position-relative form-group"><label for="exampleEmail" class="">Bus
                                        Registration Number</label>
                                    <input name="bus_reg_no" id="exampleEmail" placeholder="Bus Plate Number"
                                           type="text" class="form-control" required autofocus>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="exampleSelect" class="">Bus
                                        Class</label>
                                    <select name="class" id="exampleSelect" class="form-control" required>
                                        <option></option>
                                        <option value="1">VVIP</option>
                                        <option value="2">VIP</option>
                                        <option value="3">Luxury</option>
                                        <option value="4">Semi-Luxury</option>
                                        <option value="5">Ordinary</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="position-relative form-group"><label for="exampleSelect" class="">Manufacturer</label>
                                    <select name="manufacturer" id="exampleSelect" class="form-control" required>
                                        <option></option>
                                        <option value="HIGER">HIGER</option>
                                        <option value="SCANIA">SCANIA</option>
                                        <option value="YUTONG">YUTONG</option>
                                        <option value="BENZ">BENZ</option>
                                        <option value="ZONG TONG">ZONG TONG</option>
                                        <option value="TATA">TATA</option>
                                        <option value="TATA">TOYOTA</option>
                                        <option value="KIA">KIA</option>
                                        <option value="BMW">BMW</option>
                                        <option value="FERRARI">FERRARI</option>
                                        <option value="LAMBORGIN">LAMBORGIN</option>
                                        <option value="HICHER">HICHER</option>
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Make</label>
                                    <input name="make" id="exampleEmail" placeholder="Make"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Model</label>
                                    <input name="model" id="exampleEmail" placeholder="Model"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Model Number</label>
                                    <input name="model_number" id="exampleEmail" placeholder="Model Number"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Body Type</label>
                                    <input name="body_type" id="exampleEmail" placeholder="Body Type"
                                           type="text" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Color</label>
                                    <input name="color" placeholder="Color"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Year of Manufacture</label>
                                    <input name="year_manufacture" placeholder="Year of Manufacture"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Chasis Number</label>
                                    <input name="chasis_number" placeholder="Chasis Number"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Engine Number</label>
                                    <input name="engine_number" placeholder="Engine Number"
                                           type="text" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Engine Capacity</label>
                                    <input name="engine_capacity" placeholder="Engine Capacity"
                                           type="number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Fuel Used</label>
                                    <input name="fuel" placeholder="Fuel Used"
                                           type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Number of Axles</label>
                                    <input name="axles_number" placeholder="Number of Axles"
                                           type="number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Tear Weight</label>
                                    <input name="tear_weight" placeholder="Tear Weight"
                                           type="number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Gross Weight</label>
                                    <input name="gross_weight" placeholder="Tear Weight"
                                           type="number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="position-relative form-group">
                                    <label for="exampleEmail" class="">Imported From</label>
                                    <input name="imported_from" placeholder="Imported From"
                                           type="text" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="capacity" class="">Seat
                                        Capacity</label>
                                    <select name="capacity" id="capacity" class="form-control" required>
                                        <option value=""></option>
                                        <option value="58">58</option>
                                        <option value="57">57</option>
                                        <option value="56">56</option>
                                        <option value="55">55</option>
                                        <option value="55">55(Staff)</option>
                                        <option value="53">53</option>
                                        <option value="52">52</option>
                                        <option value="49">49</option>
                                        <option value="45">45</option>
                                        <option value="40">40</option>
                                        <option value="33">33</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="seat_order" class="">Seat
                                        Layout</label>
                                    <select name="seat_order" id="seat_order" class="form-control" required>
                                        <option value=""></option>
                                        <option value="2*2">2*2 (Available)</option>
                                        <option value="1*2">1*2 (Available)</option>
                                        <option value="2*3">2*3</option>
                                        <option value="staff2*2">staff2*2</option>
{{--                                        <option value="3*2">3*2</option>--}}
{{--                                        <option value="3*3">3*3</option>--}}
{{--                                        <option value="2*1">2*1</option>--}}
{{--                                        <option value="1*1">1*1</option>--}}
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="seat_order" class="">Seat
                                        Order</label>
                                    <select name="seat_numbering" id="seat_order" class="form-control" required>
                                        <option value=""></option>
                                        <option value="34-21-58SEAT">34-21-58SEAT</option>
                                        <option value="12-34-57SEAT">12-34-57SEAT</option>
                                        <option value="34-21-57SEAT">34-21-57SEAT</option>
                                        <option value="1-23-56SEAT">1-23-56SEAT</option>
                                        <option value="34-21-55SEAT">34-21-55SEAT</option>
                                        <option value="12-34-53SEAT">12-34-53SEAT</option>
                                        <option value="34-21-53SEAT">34-21-53SEAT</option>
                                        <option value="34-21-53SEAT-TOILET">34-21-53SEAT-TOILET</option>
                                        <option value="1-23-52SEAT">1-23-52SEAT</option>
                                        <option value="12-34-49SEAT">12-34-49SEAT</option>
                                        <option value="12-34-45SEAT">12-34-45SEAT</option>
                                        <option value="1-23-40SEAT">1-23-40SEAT</option>
                                        <option value="3-21-33SEAT">3-21-33SEAT</option>
                                        <option value="3-21-33SEAT">3-21-33SEAT</option>
                                        <option value="staff45-32-54SEAT">staff45-32-54SEAT</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="seat_naming" class="">Seat
                                        Naming</label>
                                    <select name="seat_naming" id="seat_order" class="form-control" required>
                                        <option value=""></option>
                                        <option value="Number">Number</option>
                                        <option value="AlphaNumeric">AlphaNumeric</option>
                                    </select>
                                </div>
                            </div>


                        </div>

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

                                <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)
                                                @elseif($route->class == 5)
                                                    (Ordinary)
                                                @endif
                                                    </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-2">
                                <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="2">Garage</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-5">
                                <div class="position-relative form-group"><label for="contacts" class="">Bank Account</label>
                                    <select name="bank_account_id" id="bank_account" class="form-control" required>
                                        <option value=""></option>
                                        @foreach ($busAccounts as $busAccount)
                                            <option value="{{ $busAccount->id }}">{{ $busAccount->account_name }} {{ $busAccount->account_number }} {{ $busAccount->bank_name }} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>



                        </div>

                        <br>
                        Seat Order, Sample Layouts ("12-34-57SEAT", "34-21-57SEAT", "3-21-33SEAT", "34-21-53SEAT", "34-21-55SEAT")
                        <br>
                        <img src="{{ url('tiketigala/images/12-34.png') }}" style="height: 270px; width: 170px;" class="img-responsive" alt="12-34">
                        <img src="{{ url('tiketigala/images/34-21.png') }}" style="height: 270px; width: 170px;" class="img-responsive" alt="34-21">
                        <img src="{{ url('tiketigala/images/3-21-33.png') }}" style="height: 270px; width: 170px;" class="img-responsive" alt="3-21">
                        <img src="{{ url('tiketigala/images/34-21-53.png') }}" style="height: 270px; width: 170px;" class="img-responsive" alt="3-21-53">
                        <img src="{{ url('tiketigala/images/34-21-55.png') }}" style="height: 270px; width: 170px;" class="img-responsive" alt="3-21-55">


                        <ul class="todo-list-wrapper list-group list-group-flush">
                            Select Services Available In the Bus<br>
                            <li class="list-group-item">
                                <div class="todo-indicator bg-warning"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="AC" type="checkbox"
                                                       id="exampleCustomCheckbox12" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox12">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left">
                                            <div class="widget-subheading">AC</div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="todo-indicator bg-focus"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="USB & Charging System" type="checkbox"
                                                       id="exampleCustomCheckbox1" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox1">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left">
                                            <div class="widget-subheading">
                                                <div>USB & Charging System</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="todo-indicator bg-primary"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="TV" type="checkbox"
                                                       id="exampleCustomCheckbox4" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox4">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left flex2">
                                            <div class="widget-subheading">TV</div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="todo-indicator bg-success"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="Soft Drinks & Snacks" type="checkbox"
                                                       id="exampleCustomCheckbox2" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox2">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left">
                                            <div class="widget-subheading">Soft Drinks & Snacks</div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="todo-indicator bg-warm-flame"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="Wifi" type="checkbox"
                                                       id="exampleCustomCheckbox5" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox5">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left">
                                            <div class="widget-subheading">Wifi</div>
                                        </div>
                                    </div>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <div class="todo-indicator bg-warm-flame"></div>
                                <div class="widget-content p-0">
                                    <div class="widget-content-wrapper">
                                        <div class="widget-content-left mr-2">
                                            <div class="custom-checkbox custom-control">
                                                <input name="services[]" value="First Aid Kit" type="checkbox"
                                                       id="exampleCustomCheckbox16" class="custom-control-input">
                                                <label class="custom-control-label"
                                                       for="exampleCustomCheckbox16">&nbsp;</label>
                                            </div>
                                        </div>
                                        <div class="widget-content-left">
                                            <div class="widget-subheading">First Aid Kit</div>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>

                        <br>
                        <div class="position-relative form-group"><label for="exampleFile" class="">Bus
                                Photo</label><input id="image" type="file" name="image" class="form-control-file">
                            <small class="form-text text-muted">Upload Bus Image</small>
                        </div>
                        <div class="d-block  card-footer">
                            <a href="{{ route('Buses') }}" 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