@extends('layouts.app')

@section('page-title', 'Gyms')

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header border-0 pb-0">
                <div class="d-flex align-items-center justify-content-between">
                    <h4 class="card-title mb-0">Gyms List</h4>
                    <a href="{{ route('gyms.create') }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-plus"></i> Add New Gym
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="display table table-borderless table-lg" id="gymsTable">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Location</th>
                                <th>Contact</th>
                                @if(auth()->user()->isSuperAdmin())
                                <th>Password</th>
                                @endif
                                <th>Status</th>
                                <th>Freeze Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($gyms as $gym)
                            <tr>
                                <td>#{{ str_pad($gym->id, 6, '0', STR_PAD_LEFT) }}</td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        @if($gym->logo)
                                            <img src="{{ asset('storage/' . $gym->logo) }}" alt="" class="rounded me-2" width="40" height="40">
                                        @endif
                                        <div>
                                            <h6 class="mb-0">{{ $gym->name }}</h6>
                                            <small class="text-muted">{{ $gym->city ?? 'N/A' }}</small>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $gym->city ?? 'N/A' }}</td>
                                <td>
                                    <div>{{ $gym->phone ?? 'N/A' }}</div>
                                    <small class="text-muted">{{ $gym->users()->where('role', 'gym_owner')->first()?->email ?? 'N/A' }}</small>
                                </td>
                                @if(auth()->user()->isSuperAdmin())
                                <td>
                                    @php
                                        $gymOwner = $gym->users()->where('role', 'gym_owner')->first();
                                        $password = $gymOwner && $gymOwner->password_plaintext_encrypted ? decrypt($gymOwner->password_plaintext_encrypted) : null;
                                    @endphp
                                    @if($password)
                                        <div class="password-display d-inline-flex align-items-center" data-password="{{ $password }}">
                                            <span class="password-masked">••••••••</span>
                                            <button type="button" class="btn btn-sm btn-link p-0 ms-2 toggle-password" title="Show Password">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        </div>
                                    @else
                                        <form action="{{ route('gyms.reset-password', $gym->id) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-warning" title="Reset Password to View">
                                                <i class="fas fa-key"></i> Reset
                                            </button>
                                        </form>
                                    @endif
                                </td>
                                @endif
                                <td>
                                    @if($gym->is_active)
                                        <span class="badge bg-success">Active</span>
                                    @else
                                        <span class="badge bg-danger">Inactive</span>
                                    @endif
                                </td>
                                <td>
                                    @if($gym->is_frozen)
                                        <span class="badge bg-danger">Frozen</span>
                                    @else
                                        <span class="badge bg-success">Active</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="d-flex">
                                        <a href="{{ route('gyms.rent-payment-history', $gym->id) }}" class="btn btn-info shadow btn-xs btn-square me-1" title="Payment History">
                                            <i class="fas fa-history"></i>
                                        </a>
                                        <a href="{{ route('gyms.show', $gym->id) }}" class="btn btn-primary shadow btn-xs btn-square me-1">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route('gyms.edit', $gym->id) }}" class="btn btn-primary shadow btn-xs btn-square me-1">
                                            <i class="fas fa-pencil-alt"></i>
                                        </a>
                                        @if(auth()->user()->isSuperAdmin())
                                        <form action="{{ route('gyms.toggle-freeze', $gym->id) }}" method="POST" class="d-inline me-1">
                                            @csrf
                                            <button type="submit" class="btn {{ $gym->is_frozen ? 'btn-success' : 'btn-warning' }} shadow btn-xs btn-square" title="{{ $gym->is_frozen ? 'Unfreeze Gym' : 'Freeze Gym' }}">
                                                <i class="fas {{ $gym->is_frozen ? 'fa-unlock' : 'fa-lock' }}"></i>
                                            </button>
                                        </form>
                                        <form action="{{ route('gyms.destroy', $gym->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this gym? This will permanently delete the gym and ALL associated user accounts (gym owner, receptionists, etc.). They will NOT be able to sign in again. This action cannot be undone!');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger shadow btn-xs btn-square" title="Delete Gym">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="{{ auth()->user()->isSuperAdmin() ? '8' : '7' }}" class="text-center">No gyms found. <a href="{{ route('gyms.create') }}">Add your first gym</a></td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('assets/vendor/datatables/js/jquery.dataTables.bundle.min.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#gymsTable').DataTable({
            responsive: true,
            order: [[0, 'desc']],
            pageLength: 25,
            searching: true,
            search: {
                caseInsensitive: true,
                smart: true
            },
            language: {
                search: "Search:",
                searchPlaceholder: "Search gyms..."
            },
            dom: '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>>rt<"row"<"col-sm-12 col-md-5"i><"col-sm-12 col-md-7"p>>'
        });
        
        // Password toggle functionality
        $(document).on('click', '.toggle-password', function() {
            const $display = $(this).closest('.password-display');
            const $masked = $display.find('.password-masked');
            const $icon = $(this).find('i');
            const password = $display.data('password');
            
            if ($masked.text() === '••••••••') {
                $masked.text(password);
                $icon.removeClass('fa-eye').addClass('fa-eye-slash');
                $(this).attr('title', 'Hide Password');
            } else {
                $masked.text('••••••••');
                $icon.removeClass('fa-eye-slash').addClass('fa-eye');
                $(this).attr('title', 'Show Password');
            }
        });
    });
</script>
@endpush