@extends('admin.layouts.app')

@section('title', __('admin.profile'))
@section('page-title', __('admin.profile'))

@section('content')
    <div class="row g-3">
        <div class="col-lg-7">
            <form method="POST" action="{{ route('admin.profile.update') }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="card">
                    <div class="card-header">{{ __('admin.profile') }}</div>
                    <div class="card-body">
                        <div class="row g-3">
                            <x-admin.input name="name" :label="__('admin.fields.name')" :value="$user->name" required />
                            <x-admin.input name="email" type="email" :label="__('admin.fields.email')" :value="$user->email" required />
                            <x-admin.input name="phone" :label="__('admin.fields.phone')" :value="$user->phone" />
                            <x-admin.image name="avatar" :label="__('admin.fields.photo')" :current="$user->avatar_url" />
                        </div>
                    </div>
                    <div class="card-footer bg-white">
                        <button class="btn btn-primary" type="submit">
                            <i class="bi bi-check-lg"></i> {{ __('admin.actions.save') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>

        <div class="col-lg-5">
            <form method="POST" action="{{ route('admin.profile.password') }}">
                @csrf
                @method('PUT')

                <div class="card">
                    <div class="card-header">{{ __('admin.fields.password') }}</div>
                    <div class="card-body">
                        <div class="row g-3">
                            <x-admin.input name="current_password" type="password" :label="__('admin.auth.password')" required col="col-12" autocomplete="current-password" />
                            <x-admin.input name="password" type="password" :label="__('admin.fields.password')" required col="col-12" autocomplete="new-password" />
                            <x-admin.input name="password_confirmation" type="password" :label="__('admin.fields.password_confirmation')" required col="col-12" autocomplete="new-password" />
                        </div>
                    </div>
                    <div class="card-footer bg-white">
                        <button class="btn btn-primary" type="submit">
                            <i class="bi bi-shield-lock"></i> {{ __('admin.actions.update') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection