@extends('backend.layout.app')

@section('content')
<div class="page-content">
    <div class="container-fluid">
        <h4 class="mb-4">Admin Profile</h4>

        <div class="row justify-content-center g-4">

            {{-- Profile Form --}}
            <div class="col-lg-6">
                <div class="card shadow-sm border-0 h-100">
                    <div class="card-header bg-secondary text-white fw-bold">
                        <i class="bi bi-person-circle me-2"></i> Profile Information
                    </div>
                    <div class="card-body p-4">
                        <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row g-3">

                                {{-- Name --}}
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold">Name</label>
                                    <input type="text" name="name" 
                                        class="form-control @error('name') is-invalid @enderror"
                                        value="{{ old('name', auth()->user()->name) }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Email --}}
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold">Email</label>
                                    <input type="email" name="email" 
                                        class="form-control @error('email') is-invalid @enderror"
                                        value="{{ old('email', auth()->user()->email) }}" required>
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Phone --}}
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold">Phone</label>
                                    <input type="text" name="phone"
                                        class="form-control @error('phone') is-invalid @enderror"
                                        value="{{ old('phone', auth()->user()->phone) }}">
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Address --}}
                                <div class="col-md-12">
                                    <label class="form-label fw-semibold">Address</label>
                                    <textarea name="address" class="form-control @error('address') is-invalid @enderror" rows="2">{{ old('address', auth()->user()->address) }}</textarea>
                                    @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Profile Image --}}
                                <div class="col-md-12 text-center">
                                    <label class="form-label fw-semibold">Profile Image</label>
                                    <input type="file" name="profile_image" 
                                        data-default-file="{{ auth()->user()->image ?? '' }}"
                                        class="form-control dropify @error('profile_image') is-invalid @enderror"
                                        accept="image/*">
                                    @error('profile_image')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Submit --}}
                                <div class="col-md-12 text-end">
                                    <button type="submit" class="btn btn-success mt-2">
                                        <i class="bi bi-check-circle me-1"></i> Update Profile
                                    </button>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Password Form --}}
            <div class="col-lg-6">
                <div class="card shadow-sm border-0 ">
                    <div class="card-header bg-warning text-dark fw-bold">
                        <i class="bi bi-key-fill me-2"></i> Change Password
                    </div>
                    <div class="card-body p-4">

                        <form action="{{ route('admin.profile.password-update') }}" method="POST">
                            @csrf
                            <div class="row g-3">

                                {{-- Current Password --}}
                                <div class="col-md-12">
                                    <label class="form-label fw-semibold">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>

                                {{-- New Password --}}
                                <div class="col-md-12">
                                    <label class="form-label fw-semibold">New Password</label>
                                    <input type="password" name="new_password" 
                                        class="form-control @error('new_password') is-invalid @enderror" required>
                                    @error('new_password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                {{-- Confirm Password --}}
                                <div class="col-md-12">
                                    <label class="form-label fw-semibold">Confirm Password</label>
                                    <input type="password" name="new_password_confirmation" class="form-control" required>
                                </div>

                                {{-- Submit --}}
                                <div class="col-md-12 text-end">
                                    <button type="submit" class="btn btn-danger mt-2">
                                        <i class="bi bi-lock-fill me-1"></i> Update Password
                                    </button>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<style>
.card {
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}
.card-body {
    padding: 1.25rem;
}
.dropify-wrapper {
    height: 120px;
}
@media (max-width: 991px) {
    .card-body {
        padding: 1rem;
    }
}
</style>
@endsection