@extends('admin.layouts.app')

@section('title', 'Edit Boarding Stop')

@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">EDIT BOARDING STOP</h5>
                    <form method="post" enctype="multipart/form-data" action="{{ route('Store Boarding') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-5">
                                <div class="position-relative form-group"><label for="start_point" class="">Route</label>

                                    @foreach($routes as $route)
                                        <ul>
                                            <div class="todo-indicator bg-bg-primary"></div>
                                            <div class="widget-content p-0">
                                                <div class="widget-content-wrapper">
                                                    <div class="widget-content-left mr-2">
                                                        <div class="custom-control">
                                                            <input name="routes[]" value="{{ $route->id }}"
                                                                   type="checkbox"
                                                                   @foreach($boardings as $boarding)
                                                                   @if($route->id == ($boarding->route)) checked=checked @endif @endforeach>

                                                        </div>
                                                    </div>
                                                    <div class="widget-content-left">
                                                        <div
                                                            class="widget-subheading">{{\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
                                                            @if(\Illuminate\Support\Facades\Auth::user()->role == 1)
                                                                {{\App\Models\Company::where(['id' => $route->company])->first()->name}}
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ul>
                                    @endforeach

                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="position-relative form-group"><label for="end_point" class="">VIA</label>
                                    <input name="via" id="via" placeholder="Via Road" type="text" class="form-control" required>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                Boarding Stops
                                <ul class="todo-list-wrapper list-group list-group-flush">
                                    <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="stops[]" id="stops" placeholder=""
                                                               type="text"
                                                               class="form-control">
                                                    </div>
                                                </div>
                                                <div class="widget-content-right position-relative">
                                                    <button
                                                        class="add_field_button border-0 btn-transition btn btn-outline-success">
                                                        <i class="fa fa-plus-circle">
                                                        </i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </div>

                        <br>

                        <br>


                        <div class="d-block  card-footer">
                            <a href="{{ route('Boarding') }}" 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