@extends('frontend.layouts.default')

@section('title', 'Member Validity Check')

@section('page_css')
<style>
    .alert, .table {
        background: rgba(255,255,255,0.7);
        border-color: white !important;
        border: 2px solid;
        padding: 10px;
        text-align: center;
    }
</style>
@endsection

@section('content')
<section class="section">
    <br/>

    <h1 class="text-center">Access Validation</h1>
    <hr/>

    @if ($membershipValidity)
    <table class="table table-bordered">
        <tr>
            <th colspan="2" style="text-align: center">
                User Information
            </th>
        </tr>
        <tr>
            <th>Place</th>
            <td>{!! $place !!}</td>
        </tr>
        <tr>
            <th>First Name</th>
            <td>{!! $firstname !!}</td>
        </tr>
        <tr>
            <th>Last Name</th>
            <td>{!! $lastname !!}</td>
        </tr>
        <tr>
            <th>Membership validity</th>
            <td>{!! $membershipValidity !!}</td>
        </tr>
        </tr>
    </table>

    <hr/>
    @endif

    <div class="alert" style="border: 2px solid; padding: 10px; text-align: center;">
        @if ($valid)
            <h2 style="color: green;">Access granted</h2>
        @else
            <h2 style="color: red;">{!! $reason !!}</h2>
        @endif
    </div>
</section>
@endsection

@section('page_scripts')
<!-- Additional scripts can go here -->
@endsection