@extends('layouts.admin')

@section('title', 'User')

@section('content')
    <h3 class="mt-3">User</h3>

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">Users</a></li>
            <li class="breadcrumb-item active">{{ $user->first_name.' '.$user->last_name }}</li>
        </ol>
    </nav>

    <div class="row">
        <div class="col-9">
            <div class="card">
                <div class="card-header bg-dark text-white">User</div>
                <div class="card-body">
                    @if(Auth::user()->hasRole(['Webmaster', 'Admin']) && Auth::id() != $user->id)
                    <div class="text-end">
                        <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-outline-primary btn-sm mb-3">
                            <i class="fas fa-user-pen"></i> Edit User
                        </a>
                        <a href="{{ route('admin.users.impersonate', $user->id) }}" class="btn btn-outline-primary btn-sm mb-3">
                            <i class="fas fa-user-pen"></i> Impersonate User
                        </a>
                        @if($user->is_verified)
                        <a href="{{ route('admin.users.unVerify', $user->id) }}" id="unVerifyButton" class="btn btn-outline-dark btn-sm mb-3">
                            <i class="fas fa-user-check"></i> Un-Verify User
                        </a>
                        @else
                        <a href="{{ route('admin.users.verify', $user->id) }}" id="verifyButton" class="btn btn-outline-dark btn-sm mb-3">
                            <i class="fas fa-user-check"></i> Verify User
                        </a>
                        @endif
                        <a href="{{ route('admin.users.destroy', $user->id) }}" id="deleteButton" class="btn btn-outline-danger btn-sm mb-3">
                            <i class="fas fa-user-minus"></i> Delete User
                        </a>
                    </div>
                    @endif
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <th>First Name</th>
                                <td>{{ $user->first_name }}</td>
                            </tr>
                            <tr>
                                <th>Last Name</th>
                                <td>{{ $user->last_name }}</td>
                            </tr>
                            <tr>
                                <th>E-Mail Address</th>
                                <td>{{ $user->email }}</td>
                            </tr>
                            <tr>
                                <th>Phone Number</th>
                                <td>{{ $user->phone }}</td>
                            </tr>
                            <tr>
                                <th>Address</th>
                                <td>
                                    {{ $user->address_1 ?? 'N/A' }}
                                    @if($user->address_2)
                                    <br />{{ $user->address_2 }}
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>City</th>
                                <td>{{ $user->city ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>State</th>
                                <td>{{ $user->userState->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>ZIP</th>
                                <td>{{ $user->zip ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                {{-- <th>State Role</th>
                                <td>{{ $user->stateRole->name ?? 'N/A' }}</td>
                            </tr> --}}
                            <tr>
                                <th>County</th>
                                <td>{{ $user->county->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>County Role</th>
                                <td>{{ $user->countyRole->name ?? 'N/A' }}</td>
                            </tr>
                            {{-- <tr>
                                <th>Township</th>
                                <td>[{{ $user->township->zip ?? 'N/A' }}]</td>
                            </tr> --}}
                            <tr>
                                <th>Profile Photo</th>
                                <td>
                                    <img src="{{ $user->getProfilePhotoUrl() }}" class="img-fluid" alt="Profile Photo" />
                                </td>
                            </tr>
                            {{-- <tr>
                                <th>Photo ID Front</th>
                                <td>
                                    <img src="{{ $user->getPhotoIdFrontUrl() }}" class="img-fluid" alt="Photo ID Front" />
                                </td>
                            </tr>
                            <tr>
                                <th>Photo ID Back</th>
                                <td>
                                    <img src="{{ $user->getPhotoIdBackUrl() }}" class="img-fluid" alt="Photo ID Back" />
                                </td>
                            </tr>
                            <tr>
                                <th>Proof of Residence</th>
                                <td>
                                    <img src="{{ $user->getProofOfResidenceUrl() }}" class="img-fluid" alt="Proof of Residence" />
                                </td>
                            </tr>
                            <tr>
                                <th>Proof of Citizenship</th>
                                <td>
                                    <img src="{{ $user->getProofOfCitizenshipUrl() }}" class="img-fluid" alt="Proof of Citizenship" />
                                </td>
                            </tr>
                            <tr>
                                <th>Is Verified?</th>
                                <td>{{ $user->is_verified ? 'Yes' : 'No' }}</td>
                            </tr> --}}
                            <tr>
                                <th>Created At</th>
                                <td>{{ $user->created_at->format('m/d/Y @ g:ia') }}</td>
                            </tr>
                            <tr>
                                <th>Last Updated</th>
                                <td>{{ $user->updated_at->format('m/d/Y @ g:ia') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <form name="verifyForm" action={{ route('admin.users.verify', $user->id) }} method="post" class="d-none">
        @csrf
        @method('put')
    </form>
    <form name="unVerifyForm" action={{ route('admin.users.unVerify', $user->id) }} method="post" class="d-none">
        @csrf
        @method('put')
    </form>
    <form name="deleteForm" action={{ route('admin.users.destroy', $user->id) }} method="post" class="d-none">
        @csrf
        @method('delete')
    </form>
@endsection

@push('scripts')
    <script>
        $(document).on('click', '#verifyButton', function(event) {
            event.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "Are you sure you want to verify this user?",
                icon: "warning",
                buttons: true,
                showCancelButton: true,
            }).then(function(result) {
                if (result.value === true) {
                    $("form[name='verifyForm']").submit();
                }
            });
        });

        $(document).on('click', '#unVerifyButton', function(event) {
            event.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "Are you sure you want to un-verify this user?",
                icon: "warning",
                buttons: true,
                showCancelButton: true,
            }).then(function(result) {
                if (result.value === true) {
                    $("form[name='unVerifyForm']").submit();
                }
            });
        });

        $(document).on('click', '#deleteButton', function(event) {
            event.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "Are you sure you want to delete this user? You will not be able to revert!",
                icon: "warning",
                buttons: true,
                showCancelButton: true,
            }).then(function(result) {
                if (result.value === true) {
                    $("form[name='deleteForm']").submit();
                }
            });
        });
    </script>
@endpush