@extends('admin.layouts.admin')
@section('title')
{{ __('admin.profile') }}
@endsection
@section('content')
<div class="main-side">
    <nav aria-label="breadcrumb ">
        <ol class="breadcrumb bg-light p-3">
            <a href="{{ route('admin.home') }}" class="breadcrumb-item " aria-current="page">{{ __('admin.home') }}</a>
            <li class="breadcrumb-item active" aria-current="page">{{ __('admin.profile') }}</li>
        </ol>
    </nav>
    <div class="w-100 mx-auto p-3 shadow rounded-3 bg-white">
        <b>{{ __('admin.profile') }}</b>
        <hr>

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

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

            <div class="col-md-4">
                <label for="name">{{ __('admin.name') }}</label>
                <input class="form-control @error('name') is-invalid @enderror" type="text" name="name" value="{{ old('name', $user->name) }}">
                @error('name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-md-4">
                <label for="email">{{ __('admin.email') }}</label>
                <input class="form-control @error('email') is-invalid @enderror" type="email" name="email" value="{{ old('email', $user->email) }}">
                @error('email')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="password">{{ __('admin.password') }}</label>
                <input class="form-control @error('password') is-invalid @enderror" type="password" name="password" placeholder="اتركه فارغاً إذا كنت لا تريد تغييره">
                @error('password')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="photo">الصورة الشخصية</label>
                <input class="form-control @error('photo') is-invalid @enderror" type="file" name="photo" accept="image/*">
                @error('photo')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror

                @if($user->photo)
                    <div class="mt-2">
                        <img src="{{ display_file($user->photo) }}" alt="Profile Photo" class="img-thumbnail" style="max-width: 100px;">
                        {{-- <small class="text-muted d-block">الصورة الحالية</small> --}}
                    </div>
                @endif
            </div>



            <div class="col-12 mt-5 text-center">
                <button class="btn btn-primary">{{ __('admin.Update') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection