@extends('backoffice.dashboard')

@section('content')

@if(Auth::check())
<section class="add-listing-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 mx-auto">
                <div class="block-card mb-4">
                    <div class="block-card-header">
                        <h2 class="widget-title">عرض المستخدم</h2>
                    </div>

                    <div class="card-body">

                        <div class="input-box mb-3">
                            <label class="label-text">الاسم و اللقب</label>
                            <input type="text" class="form-control pl-3 bg-white" value="{{ $utilisateur->nom_prenom }}" readonly>
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">رقم بطاقة التعريف</label>
                            <input type="text" class="form-control pl-3 bg-white" value="{{ $utilisateur->cin }}" readonly>
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">البريد الإلكتروني</label>
                            <input type="email" class="form-control pl-3 bg-white" value="{{ $utilisateur->email }}" readonly>
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">الهاتف</label>
                            <input type="text" class="form-control pl-3 bg-white" value="{{ $utilisateur->tel }}" readonly>
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">العنوان</label>
                            <input type="text" class="form-control pl-3 bg-white" value="{{ $utilisateur->adresse }}" readonly>
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">الصورة</label>
                            @if($utilisateur->image)
                                <div class="mb-2">
                                    <img src="{{ asset('storage/utilisateurs/' . $utilisateur->image) }}" 
                                         alt="User Image" 
                                         style="width:150px; height:150px; object-fit:cover; border-radius:5px;">
                                </div>
                            @else
                                <div class="mb-2">
                                    <span>لا توجد صورة</span>
                                </div>
                            @endif
                        </div>

                        <div class="input-box mb-3">
                            <label class="label-text">فئة المستخدم</label>
                            <select class="form-control bg-white" disabled>
                                <option>
                                    {{ $utilisateur->roles->pluck('nom_ar')->first() ?? '-- غير محدد --' }}
                                </option>
                            </select>
                        </div>

                        <a href="{{ route('utilisateurs.index') }}" class="btn bg-rgb-primary1 font-weight-medium mt-3">
                            <i class="la la-arrow-left mr-1"></i> رجوع
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@else
    <script>
        window.location.href = "{{ route('admin') }}";
    </script>
@endif
@endsection