@extends('admin.layouts.app')
@section('title', 'Create Sub-Routes')
@section('content')
<div class="row">
    <div class="col-md-12">

        @include('admin.includes.alerts')
        <div class="mb-3 card">
            <div class="card-header d-flex justify-content-center">
                CREATE SUB-ROUTE FORM
            </div>
            <form method="post" enctype="multipart/form-data" action="{{ route('Store Sub-Route') }}">
                @csrf
                <div class="card-body">
                    <table class="table" style="border-collapse: collapse; width: 100%;">
                        <tbody>
                            <tr>
                                <td style="border: 1px solid black;">Route From</td>
                                <td style="border: 1px solid black;">:</td>
                                <td style="border: 1px solid black;">{{$from}}</td>
                            </tr>
                            <tr>
                                <td style="border: 1px solid black;">Route To</td>
                                <td style="border: 1px solid black;">:</td>
                                <td style="border: 1px solid black;">{{$to}}</td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="row">
                        <div class="col-md-6 col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label for="sub_route_from">Sub-Route From:</label>
                                <input type="text" class="form-control" id="sub_route_from" name="sub_route_from" placeholder="Enter sub-route from name">
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label for="sub_route_to">Sub-Route To:</label>
                                <input type="text" class="form-control" id="sub_route_to" name="sub_route_to" placeholder="Enter sub-route to name">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-block text-center card-footer">
                    <input type="hidden" name="route_id" value="{{$id}}">
                    <a href="{{ route('Routes')}}" class="btn-wide btn btn-link">BACK</a>
                    <button type="submit" class="btn btn-success btn-lg mx-4">Save</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection