@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">{{ __('admin.my_profile') }}</h4>
                <small class="text-muted">{{ __('admin.update_your_profile_info_password') }}</small>
            </div>
            <a href="#" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>

        {{-- Flash --}}
        @if (session('msg'))
            <div class="alert alert-info">{{ session('msg') }}</div>
        @endif

        {{-- Errors --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row g-3">

            {{-- Profile Update --}}
            <div class="col-lg-7">
                <div class="border rounded p-3">
                    <h5 class="mb-3">{{ __('admin.profile_information') }}</h5>

                    <form action="{{ route('profile.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf

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

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

                            {{-- Optional fields (که ستا table کې نه وي، حذف یې کړه) --}}
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.phone') }} <small class="text-muted">{{ __('admin.optional_2') }}</small></label>
                                <input type="text" name="phone" class="form-control"
                                    value="{{ old('phone', auth()->user()->phone ?? '') }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.avatar') }} <small class="text-muted">{{ __('admin.optional_2') }}</small></label>
                                <input type="file" name="avatar" class="form-control" accept="image/*">
                            </div>

                            <div class="col-12">
                                <button class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i> {{ __('admin.save_profile') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            {{-- Change Password --}}
            <div class="col-lg-5">
                <div class="border rounded p-3">
                    <h5 class="mb-3">{{ __('admin.change_password') }}</h5>

                    <form action="{{ route('profile.password') }}" method="POST">
                        @csrf

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin.current_password') }}</label>
                            <input type="password" name="current_password" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin.new_password') }}</label>
                            <input type="password" name="password" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">{{ __('admin.confirm_password') }}</label>
                            <input type="password" name="password_confirmation" class="form-control" required>
                        </div>

                        <button class="btn btn-outline-primary">
                            <i class="fas fa-lock me-2"></i> {{ __('admin.update_password') }}
                        </button>
                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection