@extends('layouts.main') 
@section('title', 'Order Details')
@section('content')
    

    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="ik ik-file-text bg-blue"></i>
                        <div class="d-inline">
                            <h5>Order Details</h5>
                            <span>{{ __('All information concerning a particular order')}}</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{route('dashboard')}}"><i class="ik ik-home"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">{{ __('Pages')}}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('translate.od')}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4 col-md-5">
                <div class="card">
                    <div class="card-body">
                        <div class="text-center"> 
                            <img src="../img/users/nophoto.jpg" class="rounded-circle" width="150" />
                            <h4 class="card-title mt-10">{{$order[0]->first_name}} {{$order[0]->last_name}} </h4>
                            <p class="card-subtitle">{{ $order[0]->email}}</p>
                            <div class="row text-center justify-content-md-center">
                                <div class="col-4"><a href="javascript:void(0)" class="link"><i class="ik ik-user"></i> <font class="font-medium">254</font></a></div>
                                <div class="col-4"><a href="javascript:void(0)" class="link"><i class="ik ik-image"></i> <font class="font-medium">54</font></a></div>
                            </div>
                        </div>
                    </div>
                    {{-- <hr class="mb-0">  --}}
                    <div class="px-2 text-center">{{$order[0]->feedback}}</div>
                    <hr class="mb-o">
                    <div class="card-body"> 
                        <small class="text-muted d-block">{{ __('Phone Number')}} </small>
                        <h6>{{$order[0]->phone}}</h6> 
                        <small class="text-muted d-block pt-10">{{ __('Payment Number')}}</small>
                        <h6>{{$order[0]->payment_number}}</h6> 
                        <small class="text-muted d-block pt-10">{{ __('Agent Sale')}}</small>
                        @if($order[0]->agent_sale==1)
                        <h6>Yes</h6> 
                        @else
                        <h6>No</h6> 
                        @endif
                        <small class="text-muted d-block pt-10">{{ __('Created On')}}</small>
                        <h6>{{$order[0]->order_date}}</h6>
                        
                        {{-- <div class="map-box">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d248849.886539092!2d77.49085452149588!3d12.953959988118836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C+Karnataka!5e0!3m2!1sen!2sin!4v1542005497600" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
                        </div>  --}}
                        <small class="text-muted d-block pt-30">{{ __('Social Profile')}}</small>
                        <br/>
                        <button class="btn btn-icon btn-facebook"><i class="fab fa-facebook-f"></i></button>
                        <button class="btn btn-icon btn-twitter"><i class="fab fa-twitter"></i></button>
                        <button class="btn btn-icon btn-instagram"><i class="fab fa-instagram"></i></button>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 col-md-7">
                <div class="card">
                    <ul class="nav nav-pills custom-pills" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="pills-timeline-tab" data-toggle="pill" href="#current-month" role="tab" aria-controls="pills-timeline" aria-selected="true">{{ __('Order Information')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#last-month" role="tab" aria-controls="pills-profile" aria-selected="false">{{ __('Passengers')}}</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" id="pills-setting-tab" data-toggle="pill" href="#previous-month" role="tab" aria-controls="pills-setting" aria-selected="false">{{ __('Setting')}}</a>
                        </li> --}}
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="current-month" role="tabpanel" aria-labelledby="pills-timeline-tab">
                            <div class="card-body" style="max-height: 80vh; overflow: scroll;">
                                <div class="row">
                                    <div class="col-md-3 col-6"> <strong>{{ __('Agency')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$order[0]->agency_name}} ({{$order[0]->location_name}})</p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>{{ __('Route')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$order[0]->departure_city_name}} - {{$order[0]->arrival_city_name}}</p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>{{ __('Departure date')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$order[0]->departure_date}}</p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>{{ __('Departure Time')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$order[0]->departure_time}}</p>
                                    </div>
                                </div>
                                <hr>
                                <small class="text-muted d-block">{{ __('Ticket Price')}} </small>
                                <h6>{{$order[0]->ticket_price}}</h6>
                                 <small class="text-muted d-block">{{ __('Payment Number')}} </small>
                                <h6>{{$order[0]->payment_number}}</h6>
                                <small class="text-muted d-block">{{ __('Payment Method')}} </small>
                                <h6>{{$order[0]->payment_method}}</h6>
                                <small class="text-muted d-block">{{ __('Status')}} </small>
                                        @switch($order[0]->status)
                                            @case(1)
                                                <h6 class="text-muted">Paid</h6>
                                                @break
                                            @case(0)
                                            <h6 class="text-muted">Pending</h6>
                                                @break
                                             @case(-1)
                                            <h6 class="text-muted">Cancelled</h6>
                                                @break
                                            @default
                                                
                                        @endswitch
                                <small class="text-muted d-block">{{ __('# Tickets')}} </small>
                                <h6>{{$order[0]->quantity}}</h6>          
                                {{-- <p class="mt-30">{{ __('Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.')}}</p>
                                <p>{{ __('Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries')}} </p>
                                <p>{{ __('It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.')}}</p>
                                <h4 class="mt-30">{{ __('Skill Set')}}</h4> --}}
                                {{-- <hr>
                                <h6 class="mt-30">{{ __('Wordpress')}} <span class="pull-right">80%</span></h6>
                                <div class="progress progress-sm">
                                    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('HTML 5')}} <span class="pull-right">90%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('jQuery')}} <span class="pull-right">50%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('Photoshop')}} <span class="pull-right">70%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%;"> <span class="sr-only">50% Complete</span> </div>
                                </div> --}}
                            </div>
                        </div>
                        <div class="tab-pane fade" id="last-month" role="tabpanel" aria-labelledby="pills-profile-tab">
                            <div class="card-body" style="max-height: 80vh; overflow: scroll;">
                                    @foreach($order as $order)
                                        <div class="row">
                                            <div class="col-md-4 col-6"> <strong>{{ __('Passenger')}}</strong>
                                                <br>
                                                <p class="text-muted">{{$order->full_name}}</p>
                                            </div>
                                            <div class="col-md-2 col-6"> <strong>{{ __('Phone')}}</strong>
                                                <br>
                                                <p class="text-muted">{{$order->phone}}</p>
                                            </div>
                                            <div class="col-md-2 col-6"> <strong>{{ __('Email')}}</strong>
                                                <br>
                                                <p class="text-muted">{{$order->email}}</p>
                                            </div>
                                            <div class="col-md-2 col-6"> <strong>{{ __('Date Of Birth')}}</strong>
                                                <br>
                                                <p class="text-muted">{{$order->dob}}</p>
                                            </div>
                                            <div class="col-md-2 col-6"> <strong>{{ __('Seat Location')}}</strong>
                                                <br>
                                                @switch($order->seat_location)
                                                    @case(1)
                                                    <p class="text-muted">Window</p>
                                                        
                                                        @break
                                                    @case(2)
                                                    <p class="text-muted">Middle</p>
                                                        
                                                        @break
                                                    @case(3)
                                                    <p class="text-muted">Corridor</p>
                                                        
                                                        @break
                                                    @default
                                                    <p class="text-muted">Not Selected</p>
                                                @endswitch
                                                <p class="text-muted">{{$order->seat_location}}</p>
                                            </div>
                                        <div class="col-md-2 col-6"> <strong>{{ __('ID Type')}}</strong>
                                                <br>
                                                @switch($order->id_type)
                                                    @case(1)
                                                    <p class="text-muted">National ID</p>
                                                        
                                                        @break
                                                    @case(2)
                                                    <p class="text-muted">Passport</p>
                                                        
                                                        @break
                                                    @case(3)
                                                    <p class="text-muted">Drivers License</p>
                                                        
                                                        @break
                                                    @case(4)
                                                    <p class="text-muted">Student ID</p>
                                                        
                                                        @break
                                                    @default
                                                    <p class="text-muted">Not Selected</p>
                                                @endswitch
                                            </div>
                                            <div class="col-md-2 col-6"> <strong>{{ __('ID Number')}}</strong>
                                                <br>
                                                <p class="text-muted">{{$order->id_number}}</p>
                                            </div>
                                        </div>
                                        <hr>
                                    @endforeach
                                
                                {{-- <p class="mt-30">{{ __('Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.')}}</p>
                                <p>{{ __('Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries')}} </p>
                                <p>{{ __('It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.')}}</p>
                                <h4 class="mt-30">{{ __('Skill Set')}}</h4>
                                <hr>
                                <h6 class="mt-30">{{ __('Wordpress')}} <span class="pull-right">80%</span></h6>
                                <div class="progress progress-sm">
                                    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('HTML 5')}} <span class="pull-right">90%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('jQuery')}} <span class="pull-right">50%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('Photoshop')}} <span class="pull-right">70%</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%;"> <span class="sr-only">50% Complete</span> </div>
                                </div> --}}
                            </div>
                        </div>
                        {{-- <div class="tab-pane fade" id="previous-month" role="tabpanel" aria-labelledby="pills-setting-tab">
                            <div class="card-body">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label for="example-name">{{ __('Full Name')}}</label>
                                        <input type="text" value="{{$order[0]->kiosk_manager}}" class="form-control" name="example-name" id="example-name" disabled>
                                    </div>
                                    <div class="form-group">
                                        <label for="example-email">{{ __('Email')}}</label>
                                        <input type="email" value="{{$order[0]->email}}" class="form-control" name="example-email" id="example-email">
                                    </div>
                                    <div class="form-group">
                                        <label for="example-password">{{ __('Password')}}</label>
                                        <input type="password" value="" class="form-control" name="example-password" id="example-password">
                                    </div>
                                     <div class="form-group">
                                        <label for="example-password">{{ __('Password Confirm')}}</label>
                                        <input type="password" value="" class="form-control" name="example-password" id="example-password">
                                    </div>
                                    <div class="form-group">
                                        <label for="example-phone">{{ __('Role')}}</label>
                                        <input type="text" value="Kiosk Manager" id="example-phone" name="example-phone" class="form-control" disabled>
                                    </div>
                                    {{-- <div class="form-group">
                                        <label for="example-message">{{ __('Message')}}</label>
                                        <textarea name="example-message" name="example-message" rows="5" class="form-control"></textarea>
                                    </div> --}}
                                    {{-- <div class="form-group">
                                        <label for="example-country">{{ __('Select Country')}}</label>
                                        <select name="example-message" id="example-message" class="form-control">
                                            <option>{{ __('London')}}</option>
                                            <option>{{ __('India')}}</option>
                                            <option>{{ __('Usa')}}</option>
                                            <option>{{ __('Canada')}}</option>
                                            <option>{{ __('Thailand')}}</option>
                                        </select>
                                    </div> 
                                    <button class="btn btn-success" type="submit">Update Profile</button>
                                </form>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection