@extends('layouts.main') 

@section('title', 'Agency Tickets')
@section('content')

    <div class="container-fluid">
    	<!-- page contents here -->
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title mb-3">
                        <i class="ik ik-tag bg-warning"></i>
                        <div class="d-inline">
                            <h5>Agency Tickets</h5>
                            <span>Add Agency Tickets and corresponding information</span>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-6">
                        @if(auth()->user()->can('create_ticket_offer'))
                            <button class="btn btn-success mr-4" data-toggle="modal" data-target="#addticketprice">+ Create Agency Ticket</button>
                        @endif
                        </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="#">Agency Management</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Agency Tickets</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-header d-block">
                <h3>Agency Tickets</h3>
                <span>All information about various <code>Tickets</code></span>
            </div>
            <div class="card-body px-5 table-responsive">
                <table id="data_table" class="table" >
                    <thead>
                        <tr>
                        <th scope="col">#</th>
                        <th scope="col">Agency</th>
                        <th scope="col">Ticket Type</th>
                        <th scope="col">Departure City</th>
                        <th scope="col">Arrival City</th>
                        <th scope="col">Price</th>
                        <th scope="col">@lang('Status')</th>
                        <th scope="col">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                        @foreach($ticketOffers as $index => $offer)    
                        <tr>
                            <th scope="row">{{ $index + 1 }}</th>
                            <td class="text-info">{{ $offer->agency . ' (' . $offer->agency_location . ', ' . $offer->agency_city . ')' }}</td>
                            
                            <td ><span class="text--small badge font-weight-normal badge--warning">{{ $offer->ticket_type }}</span></td>
                            <td>
                                {{ $offer->departure_city }}
                            </td>
                            <td>
                                {{ $offer->arrival_city }}
                            </td>
                            <td class="text-success">{{ $offer->price . ' ' . $general->currency_code }}</td>
                            <td data-label="@lang('Status')">
                                @if($offer->status == 1)
                                    <span class="text--small badge font-weight-normal badge--success">@lang('Active')</span>
                                @else
                                    <span class="text--small badge font-weight-normal badge--warning">@lang('Disabled')</span>
                                @endif
                            </td>
                            <td>
                                
                                @if(auth()->user()->can('create_ticket_offer'))
                                    <div class="table-actions d-flex">
                                        <a href="#" data-toggle="modal" data-target="#edit_{{$offer->id}}"><i class="ik ik-edit-2"></i></a>
                                        @if($offer->status == 1)
                                            <a href="#" data-toggle="modal" data-target="#disableticket_{{$offer->id}}"><i class="ik ik-trash-2"></i></a>
                                        @else
                                            <a href="#" data-toggle="modal" data-target="#activateticket_{{$offer->id}}"><i class="ik ik-check"></i></a>
                                        @endif
                                    </div>
                                    {{-- disable ticket modal --}}
                                    <div class="modal fade" id="disableticket_{{$offer->id}}" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="demoModalLabel">Do you really wish to disable this Ticket offer?</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                </div>
                                                <div class="modal-body">
                                                    <ul>
                                                        <li>
                                                            {{ $offer->agency }}

                                                        </li>
                                                        <li>
                                                            {{ $offer->departure_city .  ' - ' . $offer->arrival_city }}

                                                        </li>
                                                        <li>
                                                            {{$offer->ticket_type}} 
                                                            : {{ $offer->price . ' ' . $general->currency_code }}   
                                                        </li>
                                                    </ul>
                                                    <form action="{{route('disable_ticket_offer', ['status' => 0])}}" method="post">
                                                        @csrf
                                                        <input type="hidden" name="ticket_offer_id" value="{{$offer->id}}" required>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Close')}}</button>
                                                    <button type="submit" class="btn btn-danger">Disable Ticket Offer</button>
                                                </div>
                                            </form>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- disable ticket modal --}}
                                    <div class="modal fade" id="activateticket_{{$offer->id}}" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="demoModalLabel">Do you really wish to reactivate this Ticket offer?</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                </div>
                                                <div class="modal-body">
                                                    <ul>
                                                        <li>
                                                            {{ $offer->agency }}

                                                        </li>
                                                        <li>
                                                            {{ $offer->departure_city .  ' - ' . $offer->arrival_city }}

                                                        </li>
                                                        <li>
                                                            {{$offer->ticket_type}} 
                                                            : {{ $offer->price . ' ' . $general->currency_code }}   
                                                        </li>
                                                    </ul>
                                                    <form action="{{route('disable_ticket_offer', ['status' => 1])}}" method="post">
                                                        @csrf
                                                        <input type="hidden" name="ticket_offer_id" value="{{$offer->id}}" required>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Close')}}</button>
                                                    <button type="submit" class="btn btn-success">Activate Ticket Offer</button>
                                                </div>
                                            </form>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="table-actions d-flex">
                                        <a href="#" data-toggle="modal" data-target="#edit_{{$offer->id}}"><i class="ik ik-edit-2"></i></a>
                                    </div>
                                @endif
                                   
                                {{-- edit ticket modal --}}
                                <div class="modal fade" id="edit_{{$offer->id}}" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="demoModalLabel">Edit Ticket Offer</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            </div>
                                            <div class="modal-body">
                                                <form action="{{route('edit_agency_ticket')}}" method="post" enctype="multipart/form-data">
                                                    @csrf
                                                    <input type="hidden" name="agency_ticket_id" value="{{$offer->id}}" required>
                                                    <div class="form-group">
                                                        <label for="">Agency</label>
                                                        <select name="" id="" class="form-control" disabled>
                                                                
                                                            <option value="{{ $offer->al_id }}" selected>{{$offer->agency}} 
                                                                ({{ $offer->agency_location }}, {{ $offer->agency_city }})
                                                            </option>
                                                            
                                                        </select>
                                                    </div>
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <label for="">Ticket Type</label>
                                                        <select name="ticket_type" id="" class="form-control" disabled>
                                                            <option value="{{ $offer->ticket_type_id }}" selected>
                                                                {{$offer->ticket_type}}
                                                            </option>
                                                            
                                                        </select>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label for="">Departure City</label>
                                                        <input type="text" name="" id="" class="form-control" value="{{$offer->departure_city}}" disabled>
                                                        
                                                    </div>
                                                    <div class="col-md-4">
                                                        <label for="">Arrival City</label>
                                                        <input type="text" name="" id="" class="form-control" value="{{$offer->arrival_city}}" disabled>
                                                    </div>
                                                </div>
                                                    <div class="form-group">
                                                        <label for="">Price</label>
                                                        <input type="number" name="price" id="" class="form-control" value="{{$offer->price}}" required>
                                                    </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Close')}}</button>
                                                <button type="submit" class="btn btn-success">Save Changes</button>
                                            </div>
                                        </form>
                                        </div>
                                    </div>
                                </div>

                            </td>
                        </tr>
                        
                        @endforeach
                    </tbody>
                    </table>
                </div>
            </div>
        </div>
        {{-- modals --}}
        @if(auth()->user()->can('create_ticket_offer'))
        
            <!-- Button trigger modal -->
            <!-- Modal -->
            <div class="modal fade" id="addticketprice" tabindex="-1" aria-labelledby="addcityLabel" aria-hidden="true">
                <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Create a Ticket for an Agency</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('assign_price')}}" method="post">
                            @csrf
                            <div class="form-group">
                                <label for="">Agency<code>*</code></label>
                                <select name="" id="agency" class="form-control" required>
                                    <option>Select Agency</option>
                                    @foreach($agencyLocationsData as $agency)
                                        <option value="{{ $agency->al_id }}">{{$agency->agency_name}} 
                                            ({{ $agency->location_name }}, {{ $agency->name }} )
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                    <label for="">Route</label>
                                    <select name="agency_route_id" id="route" class="form-control" required>

                                    </select>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="">Ticket Type<code>*</code></label>
                                    <select name="ticket_type_id" id="" class="form-control" required>
                                        @foreach($ticketTypes as $type)
                                            <option value="{{$type->ticket_id}}">{{$type->ticket_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label for="">Ticket Price <code>*</code></label>
                                    <input type="number" name="ticket_price" class="form-control" id="" required>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Save changes</button>
                        </div>
                    </form>
                </div>
                </div>
            </div>
        @endif
        {{-- end modals --}}
    
@endsection

<!-- push external js if any -->
@push('script') 
    <script src="{{ asset('script-path') }}"></script>
    <script src="{{ asset('plugins/DataTables/datatables.min.js') }}"></script>
    <script src="{{ asset('js/datatables.js') }}"></script> 

    <script>
         $("#agency").change(function(){
            $.ajax({
                url: "{{ route('routes.by_agency_location') }}?agency_location_id=" + $(this).val(),
                method: 'GET',
                success: function(data) {
                    $('#route').html(data.html);
                }
            });
        });            
    </script>
    
@endpush