@extends('layouts.app')
@section('content')
    <div class="card border-top border-0 border-4 border-primary m-5">

        <div class="card-title d-flex align-items-center">
            <div><i class="bx bxs-user me-1 font-22 text-primary"></i>
            </div>
            <h5 class="mb-0 text-primary">
                الأعدادات
            </h5>
        </div>
        <form class="d-flex flex-column gap-4 card-body"
            action="{{ route('profile.update')  }}" method="post"
            enctype="multipart/form-data">
            @csrf
                @method('PATCH')
            <div class="row">

                <div class="col-6 mt-2">
                    <label class="form-label" for="password"> كلمة المرور
                        @if (isset($admin))
                            <small class="text-danger ">(اتركة فارغا للاحتفاظ بكلمة السر السابقة)</small>
                        @endif
                    </label>
                    <input type="password" class="form-control py-1 @error('password')  is-invalid  @enderror"
                        id="password" name="password" placeholder=" كلمة المرور   " value="{{ old('password', null) }}">
                </div>
                <div class="col-6 mt-2">
                    <label class="form-label" for="password_confirmation"> تأكيد كلمة المرور </label>
                    <input type="password" class="form-control py-1 @error('password_confirmation')  is-invalid  @enderror"
                        id="password_confirmation" name="password_confirmation" placeholder=" تأكيد كلمة المرور   "
                        value="{{ old('password_confirmation', null) }}">
                </div>
                <div class="col-12">
                    <div class="text-center">
                        <img style="width: 200px;height:200px;" src="{{$admin->image ? asset("uploads/admins/".$admin->image) : asset('assets/images/favicon-32x32.png')}}" alt="" srcset="">
                    </div>
                </div>
                <div class="mb-3 col-12">
                    <label for="formFile" class="form-label">صورة الملف الشخصى</label>
                    <input class="form-control" type="file" name="image" accept="image/*" id="formFile">
                  </div>
                <button type="submit" class="btn btn-primary px-5 my-5">
                        تعديل
                
                </button>
            </div>
        </form>
    </div>
@endsection