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

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

{{-- Content body: main page content --}}
@section('content_body')
@can('guest create')
    <div class="row mb-2">
        <div class="col-lg-6">
            <a href="{{route('guest.create')}}" class="btn btn-primary btn-sm">
                <i class="fa fa-sm fa-plus"></i>
                NEW
            </a>
            <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#guest-upload-modal">
                <i class="fa fa-sm fa-upload"></i>
                UPLOAD
            </button>
        </div>
    </div>
@endcan

<div class="card text-dark">
    <div class="card-header">
        <h3 class="card-title">GUEST LIST</h3>
        <div class="card-tools">
            {{html()->form('GET', route('guest.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 text-dark">
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th class="py-0 align-middle">NAME</th>
                    <th class="py-0 align-middle text-center">EMAIL</th>
                    <th class="py-0 align-middle text-center">POSITION</th>
                    <th class="py-0 align-middle text-center">COMPANY</th>
                    <th class="py-0 align-middle text-center">GROUP</th>
                    <th class="py-0 align-middle text-center">TABLE NUMBER</th>
                    <th class="py-0 align-middle text-center">STATUS</th>
                    <th class="py-0 align-middle text-center">TIME</th>
                    <th class="p-0 pr-3 text-right align-middle">ACTION</th>
                </tr>
            </thead>
            <tbody>
                @foreach($guests as $guest)
                    <tr>
                        <td class="py-0 align-middle">{{$guest->name}}</td>
                        <td class="align-middle text-center py-0">{{$guest->email ?? '-'}}</td>
                        <td class="align-middle text-center py-0">{{$guest->position->title ?? '-'}}</td>
                        <td class="align-middle text-center py-0">{{$guest->company->name ?? '-'}}</td>
                        <td class="align-middle text-center py-0">{{$guest->group ?? '-'}}</td>
                        <td class="align-middle text-center py-0">{{$guest->table_number->table_number ?? '-'}}</td>
                        <td class="align-middle text-center py-0">
                            @if($guest->status == 0)
                                <span class="badge badge-secondary">DID NOT ATTEND</span>
                            @else
                                <span class="badge badge-success">ATTENDED</span>
                            @endif
                        </td>
                        <td class="align-middle text-center py-0">
                            @if(!empty($guest->datetime_attended))
                                {{date('h:i:s a', $guest->datetime_attended)}}
                            @else
                                -
                            @endif
                        </td>
                        <td class="p-0 pr-1 py-1 text-right align-middle">
                            <a href="{{route('guest.show', encrypt($guest->id))}}" class="btn btn-primary btn-xs">
                                <i class="fa fa-list"></i>
                            </a>
                            @can('guest edit')
                                <a href="{{route('guest.edit', encrypt($guest->id))}}" class="btn btn-success btn-xs">
                                    <i class="fa fa-pen-alt"></i>
                                </a>
                            @endcan
                            @can('guest delete')
                                <a href="" class="btn btn-danger btn-xs">
                                    <i class="fa fa-trash-alt"></i>
                                </a>
                            @endcan
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{$guests->links()}}
    </div>
</div>

<!-- Uplaod Modal -->
<div class="modal fade text-dark" id="guest-upload-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        {{html()->form('POST', route('guest.upload'))->acceptsFiles()->open()}}
            <div class="modal-content">
                <div class="modal-header py-1">
                    <h5 class="modal-title" id="modalLabel">UPLOAD GUESTS</h5>
                </div>
                <div class="modal-body">

                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                {{html()->label('Upload File', 'guest_file')}}
                                {{html()->file('guest_file')->class('form-control'.($errors->has('guest_file') ? ' is-invalid' : ''))->accept('.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel')}}
                                <small class="text-danger">{{$errors->first('guest_file')}}</small>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer py-1">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button>
                    {{html()->submit('UPLOAD')->class('btn btn-primary btn-sm')}}
                </div>
            </div>
        {{html()->form()->close()}}
    </div>
</div>
@stop

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

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