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

@section('subtitle', 'REGIONS')
@section('content_header_title', 'REGIONS')
@section('content_header_subtitle', 'DETAILS')

{{-- Content body: main page content --}}
@section('content_body')

<div class="card text-dark">
    <div class="card-header">
        <h3 class="card-title">REGION DETAILS</h3>
        <div class="card-tools">
            <a href="{{route('region.index')}}" class="btn btn-secondary btn-sm">
                <i class="fa fa-sm fa-arrow-left"></i>
                BACK
            </a>
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-lg-6">
                <strong class="text-muted mr-1">NAME:</strong>{{$region->name}}
            </div>
        </div>
        
        <hr class="mt-1">
        
        <strong>GUESTS</strong>
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-sm">
                <thead>
                    <tr>
                        <th class="align-middle p-0 text-center">NAME</th>
                        <th class="align-middle p-0 text-center">COMPANY</th>
                        <th class="align-middle p-0 text-center">POSITION</th>
                        <th class="align-middle p-0 text-center">EMAIL</th>
                        <th class="align-middle p-0 text-center">CONTACT NUMBER</th>
                        <th class="align-middle p-0 text-center">CONTACT PERSON</th>
                        <th class="align-middle p-0 text-center">GROUP</th>
                        <th class="align-middle p-0 text-center">STATUS</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($guests as $guest)
                        <tr>
                            <td class="p-0 px-1 align-middle text-left">{{$guest->name}}</td>
                            <td class="p-0 px-1 align-middle text-left">{{$guest->company->name ?? '-'}}</td>
                            <td class="p-0 align-middle text-center">{{$guest->position->title ?? '-'}}</td>
                            <td class="p-0 px-1 align-middle text-left">{{$guest->email ?? '-'}}</td>
                            <td class="p-0 align-middle text-center">{{$guest->contact_number ?? '-'}}</td>
                            <td class="p-0 align-middle text-center">{{$guest->contact_person->name ?? '-'}}</td>
                            <td class="p-0 align-middle text-center">{{$guest->group ?? '-'}}</td>
                            <td class="p-0 px-1 py-1 align-middle text-center">
                                @if($guest->status == 0)
                                    <span class="badge badge-secondary">DID NOT ATTEND</span>
                                @else
                                    <span class="badge badge-success">ATTENDED</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="row">
            <div class="col-12">
                {{$guests->links()}}
            </div>
        </div>

    </div>
    <div class="card-footer">
        
    </div>
</div>

@stop

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

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