@extends('layouts.main')
@section('content')
    <div id="tt-pageContent">
        <div class="tickets-container">
            <div class="row">
                <div class= "col-md-9 col-sm-9">
                    <div class="flight-inline">
                    <span>
                            {{$search_parameter['origin']}} to {{$search_parameter['destination']}}
                    </span>
                        <span>
                        {{$search_parameter['depart_date']}} @if($search_parameter['travel'] == "Return") - {{$search_parameter['return_date']}}@endif
                    </span>
                        <span>
                        {{$search_parameter['adults']}} Adult {{$search_parameter['children']}} Child {{$search_parameter['infants']}} Infant
                    </span>
                        <span>
                        {{$search_parameter['cabin']}}
                    </span>
                    </div>
                </div>
                <div class= "col-md-3 col-sm-3">
                    <div class="flight-inline">
                        <a href="{{url('flight')}}" class="btn btn-default flighticket-btn">Change</a>

                    </div>

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

        <div class="container-indent margin-bottom">
            <div class="container flight-checkout-div">
                <div class="row modal-form-container">
                    <div class="col-9 col-md-6 col-lg-6">
                        <p class="bold-text black-text">Select your flight</p>
                    </div>
                    <div class="col-6 col-md-3 col-lg-3">
                        <div class="form-group">
                            <label for="size">Sort by:</label>
                            <select class="form-control" id="sel1">
                                <option>Price Low to High</option>
                                <option>Price High to Low</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 col-lg-3">
                        <div class="form-group">
                            <label for="size">Sort by stop:</label>
                            <select class="form-control" id="sel1">
                                <option>Nonstop</option>
                                <!-- <option>Delivery</option> -->
                                <!-- <option>Pick Up + Delivery</option> -->
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Tickets -->
                        <h5>{{$message}}</h5>
                                </div>
        <!-- Load more button -->
{{--        <div class="load-more-btn-container">--}}
{{--            <button type="button" class="btn btn-default load-more-btn">Load More</button>--}}
{{--        </div>--}}





    </div>

@endsection

@push('style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/flight.css')}}">
@endpush