@extends('layouts.app')
{{-- Customize layout sections --}}

@section('subtitle', 'TICKETS')
@section('content_header_title', 'TICKETS')
@section('content_header_subtitle', 'LIST')

{{-- Content body: main page content --}}
@section('content_body')
@can('ticket export')
    <div class="row mb-2">
        <div class="col-lg-6">
            <a href="{{route('home')}}" class="btn btn-primary btn-sm">
                <i class="fa fa-home mr-1"></i>
                HOME
            </a>
            <a href="{{route('ticket.export')}}" class="btn btn-success btn-sm">
                <i class="fa fa-sm fa-download"></i>
                EXPORT
            </a>
        </div>
    </div>
@endcan

<div class="card text-dark">
    <div class="card-header">
        <h3 class="card-title">TICKET LIST</h3>
        <div class="card-tools">
            {{html()->form('GET', route('ticket.index'))->open()}}
                <div class="input-group input-group-sm" style="min-width: 150px;">
                    {{html()->text('search')->value($search)->class('form-control')->placeholder('Search')}}
                    <div class="input-group-append">
                        <button type="submit" class="btn btn-default" form="search_form">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                </div>
            {{html()->form()->close()}}
        </div>
    </div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th class="py-0 align-middle">TICKET NUMBER</th>
                    <th class="py-0 align-middle text-center">NAME</th>
                    <th class="py-0 align-middle text-center">EMAIL</th>
                    <th class="py-0 align-middle text-center">COMPANY</th>
                    <th class="py-0 align-middle text-center">POSITION</th>
                    <th class="py-0 align-middle text-center">GROUP</th>
                    <th class="py-0 align-middle text-center">CONTACT NUMBER</th>
                    <th class="p-0 pr-3 text-center align-middle">TIME IN</th>
                </tr>
            </thead>
            <tbody>
                @foreach($ticket_numbers as $ticket_number)
                    <tr>
                        <td class="py-0 align-middle text-left font-weight-bold">{{$ticket_number->ticket_number}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->name}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->email}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->company->name}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->position->title}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->group}}</td>
                        <td class="align-middle text-center py-0">{{$ticket_number->guest->contact_number}}</td>
                        <td class="align-middle text-center py-0">{{date('Y-m-d h:m:s a', $ticket_number->guest->datetime_attended)}}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{$ticket_numbers->links()}}
    </div>
</div>

@stop

{{-- Push extra CSS --}}
@push('css')
    {{-- Add here extra stylesheets --}}
@endpush

{{-- Push extra scripts --}}
@push('js')
    <script>
    </script>
@endpush