@extends('layouts.admin')

@section('content')

    <div class="card mb-4">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-6 mb-2 mb-md-0">
                    <h5 class="mb-1 fw-bold">My Profile</h5>
                    <p class="text-muted small mb-0">Update your admin account details.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body p-4">
            <form method="POST" action="{{ route('admin.profile.update') }}">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Name</label>
                        <input
                            type="text"
                            name="name"
                            class="form-control"
                            value="{{ old('name', $admin->name) }}"
                            required
                        >
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Email</label>
                        <input
                            type="email"
                            name="email"
                            class="form-control"
                            value="{{ old('email', $admin->email) }}"
                            required
                        >
                    </div>

                    <div class="col-12">
                        <hr class="my-2">
                        <h6 class="mb-1 fw-bold">Change Password</h6>
                        <p class="text-muted small mb-0">Leave blank if you don’t want to change it.</p>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">New Password</label>
                        <input
                            type="password"
                            name="password"
                            class="form-control"
                            placeholder="Minimum 8 characters"
                        >
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Confirm New Password</label>
                        <input
                            type="password"
                            name="password_confirmation"
                            class="form-control"
                            placeholder="Re-type password"
                        >
                    </div>

                    <div class="col-12 d-flex gap-2 mt-2">
                        <button type="submit" class="btn btn-primary">Save Changes</button>
                        <a href="{{ route('admin.dashboard') }}" class="btn btn-light">Back</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection