@extends('layouts.main') 
@section('title', 'Ticket 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>Ticket Details</h5>
                            <span>All Information about this particular Ticket</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="#">Booking Tickets</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Ticket Details</li>
                        </ol>
                    </nav>
                </div>
            </div>
            @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        </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">{{$ticket->full_name}}</h4>
                            {{-- <p class="card-subtitle">{{ $ticket->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-tag"></i> <font class="font-medium">ID: {{$ticket->order_id}}</font></a></div>
                                <div class="col-4"><a href="javascript:void(0)" class="link">
                                    @if($ticket->agent_sale==1)
                                    <i class="ik ik-user-check" title="agent sale"></i> Agent Sale
                                    @else
                                    <i class="ik ik-user-minus" title="customer purchase"></i> Cutomer Purchase
                                    @endif
                                    {{-- <font class="font-medium">54</font></a> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="mb-0"> 
                    <div class="card-body"> 
                        <small class="text-muted d-block">{{ __('email')}} </small>
                        <h6>{{$ticket->email}}</h6> 
                        <small class="text-muted d-block pt-10">{{ __('phone')}}</small>
                        <h6>{{$ticket->phone}}</h6> 
                        <small class="text-muted d-block pt-10">ID Type</small>
                        @switch($ticket->id_type)
                            @case(1)
                                <h6> National ID Card</h6>
                                @break
                            @case(2)
                            <h6> Passport</h6>
                                @break
                            @case(3)
                            <h6> Driver's License</h6>
                                @break
                            @case(4)
                            <h6> Student ID</h6>
                                @break
                            @default
                                
                        @endswitch
                        <small class="text-muted d-block pt-10">{{ __('ID Number')}}</small>
                        <h6>{{$ticket->id_number}}</h6>
                        <small class="text-muted d-block pt-10">ID Issued Date</small>
                        <h6>{{$ticket->id_issued_date}}</h6>
                         <small class="text-muted d-block pt-10">ID Issued Place</small>
                        <h6>{{$ticket->id_issued_place}}</h6>
                        
                        <small class="text-muted d-block pt-30">{{ __('Identification Document')}}</small>
                        <br/>
                        @if($ticket->id_image1)
                            <a href="{{ asset($ticket->id_image1)}}" type="button" class="btn btn-info" target="_blank"><i class="ik ik-download"></i>Front View</a>
                        @else
                            <a href="#" type="button" class="btn btn-info disabled"><i class="ik ik-download"></i>Front View</a>
                        @endif

                        @if($ticket->id_image1)
                            <a href="{{ asset($ticket->id_image2)}}" type="button" class="btn btn-info" target="_blank"><i class="ik ik-download"></i>Back View</a>
                        @else
                            <a href="#" type="button" class="btn btn-info disabled"><i class="ik ik-download"></i>Back View</a>
                        @endif
                    </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-setting-tab" data-toggle="pill" href="#previous-month" role="tab" aria-controls="pills-setting" aria-selected="false">Ticket Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " id="pills-timeline-tab" data-toggle="pill" href="#current-month" role="tab" aria-controls="pills-timeline" aria-selected="true">Order Information</a>
                        </li>
                      
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade" id="current-month" role="tabpanel" aria-labelledby="pills-timeline-tab">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3 col-6"> <strong>Ordered By</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->first_name}} {{$ticket->last_name}} </p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>{{ __('Mobile')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->orderer_phone}}</p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>{{ __('Email')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->orderer_email}}</p>
                                    </div>
                                    <div class="col-md-3 col-6"> <strong>Number of Tickets Bought</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->ticket_quantity}}</p>
                                    </div>
                                </div>
                                <hr>
                                <small class="text-muted d-block pt-10">Payment Method</small>
                                <h6>{{$ticket->payment_method}}</h6>
                                <small class="text-muted d-block pt-10">Payment Number</small>
                                <h6>{{$ticket->payment_number}}</h6>
                                <small class="text-muted d-block pt-10">Payment Date</small>
                                <h6>{{$ticket->paid_on}}</h6>
                                <hr>
                                <p class="mt-30">{{ $ticket->details}}</p>
                                <p></p>
                                <p>{{ $ticket->feedback}} </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">
                                <div class="text-center"> 
                                    <img src="../img/agency/logo/{{$ticket->agency_logo}}" class="rounded-circle" width="150" />
                                    <h4 class="card-title mt-10">{{$ticket->agency_name}}</h4>
                                    {{-- <p class="card-subtitle">{{ $ticket->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-tag"></i> <font class="font-medium">{{$ticket->order_id}}</font></a></div>
                                        <div class="col-4"><a href="javascript:void(0)" class="link">
                                            @if($ticket->agent_sale==1)
                                            <i class="ik ik-user-check" title="agent sale"></i> 
                                            @else
                                            <i class="ik ik-user-minus" title="customer purchase"></i> 
                                            @endif
                                            {{-- <font class="font-medium">54</font></a> 
                                        </div>
                                    </div> --}}
                                {{--</div>
                                <div class="row  mt-30 mx-auto">
                                    
                                    <div class="col-md-4 col-6"> <strong>{{ __('Mobile')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->branch_phone}}</p>
                                    </div>
                                    <div class="col-md-4 col-6"> <strong>{{ __('City')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->agency_city}}</p>
                                    </div>
                                    <div class="col-md-4 col-6"> <strong>{{ __('Location')}}</strong>
                                        <br>
                                        <p class="text-muted">{{$ticket->agency_location}}</p>
                                    </div>
                                </div>
                                <hr>
                                <small class="text-muted d-block pt-10">Agency Address</small>
                                <h6>{{$ticket->location_address}}</h6>
                                <small class="text-muted d-block pt-10">Payment Number</small>
                                <h6>{{$ticket->payment_number}}</h6>
                                <small class="text-muted d-block pt-10">Payment Date</small>
                                <h6>{{$ticket->paid_on}}</h6>

                                <p class="mt-30">{{$ticket->location_description}}</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">{{ __('Agency Services')}}</h4>
                                <hr>
                                <h6 class="mt-30">{{ __('Ticket Offers For this Branch')}}:  <span class="pull-right">{{$offers}}</span></h6>
                                <div class="progress progress-sm">
                                    <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{$offers}}" aria-valuemin="0" aria-valuemax="100" style="width:{{$offers}}%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('Routes For this branch')}}: <span class="pull-right">{{$routes}}</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-info" role="progressbar" aria-valuenow="{{$routes}}" aria-valuemin="0" aria-valuemax="100" style="width:{{$routes}}%;"> <span class="sr-only">50% Complete</span> </div>
                                </div>
                                <h6 class="mt-30">{{ __('Agency Branches availble')}}: <span class="pull-right">{{$branches}}</span></h6>
                                <div class="progress  progress-sm">
                                    <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{$branches}}" aria-valuemin="0" aria-valuemax="100" style="width:{{$branches}}%;"> <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 show active" id="previous-month" role="tabpanel" aria-labelledby="pills-setting-tab">
                            <div class="card-body">
                                <form class="form-horizontal" action="{{route('update_ticket_status')}}" method="POST">
                                    @csrf
                                    <div class="form-group">
                                        <label for="Agency">Agency</label>
                                        <input type="text" name="" id="" class="form-control" value="{{$ticket->agency_name}} ({{$ticket->agency_city}} - {{$ticket->agency_location}})" disabled>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label for="example-phone">{{ __('Ticket Code')}}</label>
                                            <input type="text" value="{{$ticket->booking_ticket_code}}" class="form-control" disabled>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="example-name">{{ __('Ticket Type')}}</label>
                                            <input type="text" class="form-control" id="example-name" value="{{$ticket->ticket_name}}" disabled>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label for="example-email">{{ __('Ticket price')}}</label>
                                            <input type="text" class="form-control" id="example-email" value="{{$ticket->ticket_price}}" disabled>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="example-password">{{ __('Route')}}</label>
                                            <input type="text" value="{{$ticket->departure_city}} - {{$ticket->arrival_city}}" class="form-control" disabled>
                                        </div>
                                    </div>
                                    @if($ticket->agent_sale==1)
                                    <div class="form-group">
                                        <label for="example-message">{{ __('Purchased From')}}</label>
                                        {{-- <textarea name="example-message" name="example-message" rows="5" class="form-control"></textarea> --}}
                                        <input type="text" value="{{$ticket->seller}}" class="form-control" disabled>
                                    </div>
                                    @endif
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label for="example-country">{{ __('Status')}}</label>
                                            <select name="ticket_status" id="example-message" class="form-control" 
                                            @if(!session('kiosk'))
                                                disabled
                                            @endif>
                                                <option value="0" @if($ticket->ticket_status==0) selected @endif>{{ __('Pending')}}</option>
                                                <option value="1" @if($ticket->ticket_status==1) selected @endif>{{ __('Available')}}</option>
                                                <option value="-1" @if($ticket->ticket_status==-1) selected @endif>{{ __('Rejected')}}</option>
                                                <option value="2" @if($ticket->ticket_status==2) selected @endif>{{ __('Collected')}}</option>
                                                {{-- <option>{{ __('Thailand')}}</option> --}}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="">Feedback</label>
                                        <textarea name="comment" id="" class="form-control" cols="30" rows="10"
                                        @if(!session('kiosk'))
                                                disabled
                                        @endif
                                        >{{$ticket->comment}}</textarea>
                                    </div>
                                    <input type="hidden" name="booking_id" value="{{$ticket->booking_ticket_id}}">
                                    <div class="text-center">
                                        <button class="btn btn-success" type="submit"
                                        @if(!session('kiosk'))
                                                disabled
                                        @endif
                                        >Update Profile</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection