@extends('admin.layout.app')

@section('content')
    <!-- App Content -->
    <div class="app-content py-4">
        <section class="container">

            <!-- Page Header -->
            <div class="page-header mb-4">
                <ol class="breadcrumb bg-light rounded px-3 py-2 shadow-sm mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{route('dashboard')}}" class="text-decoration-none">
                            <i class="fe fe-home mr-2"></i>Dashboard
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Admin Profile</li>
                </ol>
            </div>

            <!-- Profile Info -->
            <div class="row">
                <!-- Profile Picture -->
                <div class="col-lg-5 col-md-12 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-body text-center d-flex flex-column justify-content-center align-items-center">
                            <div class="userpic mb-3 position-relative">
                                <img
                                    src="{{ $admin->image ? asset('storage/admin/' . @$admin->image) : asset('frontend/assets/img/default-avatar.png') }}"
                                    alt="Admin Profile Picture"
                                    style="width: 100%; height: auto; max-width: 340px; object-fit:contain; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.12);">
                            </div>
                            <h5 class="mt-2 mb-1">{{ $admin->name }}</h5>
                            <span class="text-muted small">{{ $admin->email }}</span>
                        </div>
                    </div>
                </div>

                <!-- Profile Details -->
                <div class="col-lg-7 col-md-12 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0">Admin Details</h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless mb-0">
                                <tr>
                                    <th class="w-25">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>Address:</th>
                                    <td>{{ $admin->address ?? '-' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Profile Edit + Password Change -->
            <div class="row">
                <!-- Edit Profile -->
                <div class="col-lg-7 col-md-12 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-info text-white">
                            <h5 class="mb-0">Edit Profile</h5>
                        </div>
                        <div class="card-body">
                            @if(session('profile_update_success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('profile_update_success') }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif
                            @if(session('profile_update_error'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    {{ session('profile_update_error') }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif

                            <form enctype="multipart/form-data" action="{{ route('dashboard.adminprofile') }}" method="post" novalidate>
                                @csrf

                                <div class="mb-3">
                                    <label for="name" class="form-label fw-bold">Name</label>
                                    <input type="text" name="name" id="name" class="form-control"
                                        placeholder="Enter Name" value="{{ old('name', $admin->name) }}" required>
                                    @error('name')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="email" class="form-label fw-bold">Email Address</label>
                                    <input type="email" name="email" id="email" class="form-control"
                                        placeholder="Enter Email" value="{{ old('email', $admin->email) }}" required>
                                    @error('email')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="phone" class="form-label fw-bold">Phone</label>
                                    <input type="text" name="phone" id="phone" maxlength="10" class="form-control"
                                        placeholder="Enter Phone" value="{{ old('phone', $admin->phone) }}" required>
                                    @error('phone')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="address" class="form-label fw-bold">Address</label>
                                    <textarea name="address" id="address" rows="3" class="form-control" placeholder="Enter Address" required>{{ old('address', $admin->address) }}</textarea>
                                    @error('address')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-4">
                                    <label for="image" class="form-label fw-bold">Profile Picture</label>
                                    <input type="file" name="image" id="image" class="form-control"
                                        accept="image/*">
                                    <div class="form-text">Allowed: jpeg, png, jpg. Max size: 2MB.</div>
                                    @error('image')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <button type="submit" class="btn btn-info px-4">Update Profile</button>
                            </form>
                        </div>
                    </div>
                </div>

                <!-- Change Password -->
                <div class="col-lg-5 col-md-12 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-warning text-white">
                            <h5 class="mb-0">Change Password</h5>
                        </div>
                        <div class="card-body">
                            @if (Session::has('flash_success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ Session::get('flash_success') }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif
                            @if (Session::has('flash_danger'))
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    {{ Session::get('flash_danger') }}
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                </div>
                            @endif

                            <form action="{{ route('admin-update-password') }}" method="post" novalidate>
                                @csrf

                                <div class="mb-3">
                                    <label for="current_password" class="form-label fw-bold">Old Password</label>
                                    <input type="password" name="current_password" id="current_password"
                                        class="form-control" placeholder="Old Password" required>
                                    @error('current_password')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="new_password" class="form-label fw-bold">New Password</label>
                                    <input type="password" name="new_password" id="new_password" class="form-control"
                                        placeholder="New Password" required>
                                    @error('new_password')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-4">
                                    <label for="password_confirmation" class="form-label fw-bold">Confirm Password</label>
                                    <input type="password" name="password_confirmation" id="password_confirmation"
                                        class="form-control" placeholder="Confirm Password" required>
                                    @error('password_confirmation')
                                        <div class="text-danger small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <button type="submit" class="btn btn-warning px-4">Update Password</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection