@extends('layouts.app')

@section('content')
    @include('Partials.sidebar')

    <section class="main_content dashboard_part large_header_bg">

        @include('Partials.header')

        <div class="container-fluid">

            {{-- Success/Error --}}
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                </div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show">
                    {{ session('error') }}
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                </div>
            @endif

            <div class="row">
                {{-- ── Profile Card ── --}}
                <div class="col-md-4">
                    <div class="card text-center">
                        <div class="card-body py-4">
                            {{-- Profile Photo --}}
                            @if($admin->profile_photo)
                                <div class="admin-profile-img">
                                    <img src="{{ asset('storage/' . $admin->profile_photo) }}" class="rounded-circle mb-3 img-fluid">
                                </div>                                
                            @else
                                <div class="rounded-circle bg-primary d-flex align-items-center justify-content-center mx-auto mb-3"
                                    style="width:100px;height:100px;">
                                    <span style="font-size:40px;color:white;">
                                        {{ strtoupper(substr($admin->name, 0, 1)) }}
                                    </span>
                                </div>
                            @endif

                            <h5 class="mb-1">{{ $admin->name }}</h5>
                            <p class="text-muted mb-2">{{ $admin->email }}</p>

                            {{-- Role Badge --}}
                            @if($admin->role === 'super_admin')
                                <span class="badge badge-danger mb-3">Super Admin</span>
                            @elseif($admin->role === 'sales')
                                <span class="badge badge-primary mb-3">Sales</span>
                            @else
                                <span class="badge badge-success mb-3">Broker</span>
                            @endif

                            <div class="mt-3">
                                <a href="/admin/profile/edit" class="btn btn-primary btn-sm btn-flex flex-center">
                                    <i class="fas fa-edit"></i> Edit Profile
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- ── Profile Details ── --}}
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">Profile Details</h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless">
                                <tr>
                                    <th style="width:30%">Name</th>
                                    <td>{{ $admin->name }}</td>
                                </tr>
                                <tr>
                                    <th>Email</th>
                                    <td>{{ $admin->email }}</td>
                                </tr>
                                <tr>
                                    <th>Phone</th>
                                    <td>{{ $admin->phone ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th>Role</th>
                                    <td>{{ ucfirst(str_replace('_', ' ', $admin->role)) }}</td>
                                </tr>
                                <tr>
                                    <th>Status</th>
                                    <td>
                                        @if($admin->status === 'active')
                                            <span class="badge badge-success">Active</span>
                                        @else
                                            <span class="badge badge-secondary">Inactive</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Member Since</th>
                                    <td>{{ $admin->created_at?->format('d M Y') }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    {{-- ── Change Password ── --}}
                    <div class="card mt-3">
                        <div class="card-header">
                            <h5 class="mb-0">Change Password</h5>
                        </div>
                        <div class="card-body">
                            <form action="/admin/profile/password" method="POST">
                                @csrf @method('PUT')
                                <div class="form-group">
                                    <label>Current Password</label>
                                    <input type="password" name="current_password"
                                        class="form-control @error('current_password') is-invalid @enderror" required>
                                    @error('current_password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>New Password</label>
                                    <input type="password" name="password"
                                        class="form-control @error('password') is-invalid @enderror" required minlength="8">
                                    @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>Confirm New Password</label>
                                    <input type="password" name="password_confirmation" class="form-control" required
                                        minlength="8">
                                </div>
                                <button type="submit" class="btn btn-warning">
                                    <i class="fas fa-lock"></i> Update Password
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('Partials.footer')
@endsection