@extends('admin.layouts.master')

@section('title', __('admin.profile'))
@section('page_title', __('admin.profile'))

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('admin.dashboard') }}</a></li>
    <li class="breadcrumb-item active">{{ __('admin.profile') }}</li>
@endsection

@section('content')
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title">{{ __('admin.profile') }}</h3></div>
            <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
                @csrf @method('PUT')
                <div class="card-body">
                    <div class="text-center mb-3">
                        <img src="{{ $user->avatar_url }}" class="img-circle elevation-2" style="width:90px;height:90px;object-fit:cover;">
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.name') }}</label>
                        <input type="text" name="name" value="{{ old('name', $user->name) }}" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.email') }}</label>
                        <input type="email" name="email" value="{{ old('email', $user->email) }}" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.phone') }}</label>
                        <input type="text" name="phone" value="{{ old('phone', $user->phone) }}" class="form-control">
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.avatar') }}</label>
                        <input type="file" name="avatar" class="form-control-file" accept="image/*">
                    </div>
                </div>
                <div class="card-footer text-{{ in_array(app()->getLocale(), ['ar']) ? 'left' : 'right' }}">
                    <button type="submit" class="btn btn-primary">{{ __('admin.update') }}</button>
                </div>
            </form>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title">{{ __('admin.change_password') }}</h3></div>
            <form action="{{ route('admin.profile.password') }}" method="POST">
                @csrf @method('PUT')
                <div class="card-body">
                    <div class="form-group">
                        <label>{{ __('admin.password') }} - {{ __('admin.current') ?? 'الحالية' }}</label>
                        <input type="password" name="current_password" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.password') }}</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>{{ __('admin.confirm_password') }}</label>
                        <input type="password" name="password_confirmation" class="form-control" required>
                    </div>
                </div>
                <div class="card-footer text-{{ in_array(app()->getLocale(), ['ar']) ? 'left' : 'right' }}">
                    <button type="submit" class="btn btn-warning">{{ __('admin.change_password') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection