<x-admin-panel-layout>
    <x-slot name="title">
        مشاهده سرتیم
    </x-slot>
    <x-slot name="main">
        <!-- Checked checkbox -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h4 class="m-0 text-dark">مشاهده سرتیم : {{$user->name ?? $user->mobile}}</h4>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                            <li class="breadcrumb-item"><a href="{{ route("users.index") }}">لیست کاربران</a></li>
                            <li class="breadcrumb-item active">مشاهده سرتیم</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <section class="content mt-sm-3">
            <div class="card p-0 card-primary col-md-8 mx-auto">
                <div class="card-header">
                    <h3 class="card-title">مشخصات سرتیم</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form class="mt-3 p-2">
                    @csrf
                    <div class="form-group">
                        <label>مناطق فعالیت :</label>
                        @foreach($user->regions as $region)
                            <span>{{ $region->name }},</span>
                        @endforeach
                    </div>
                    <div class="form-group">
                        <p>موبایل</p>
                        <input type="text" name='mobile' class="form-control" id="mobile"
                               placeholder="موبایل *" value="{{old('mobile',$user->mobile)}}" disabled>
                    </div>
                    <div class="form-group">
                        <p>نام</p>
                        <input type="text" name='name' class="form-control" id="name"
                               placeholder="نام" value="{{old('name',$user->name)}}" disabled>
                    </div>
                    <div class="form-group">
                        <p>نام خانوادگی</p>
                        <input type="text" name='lname' class="form-control" id="lname"
                               placeholder="نام خانوادگی" value="{{old('lname',$user->lname)}}" disabled>
                    </div>
                    <div class="form-group">
                        <p>ایمیل</p>
                        <input type="email" name='email' class="form-control" id="email"
                               placeholder="ایمیل" value="{{old('email',$user->email)}}" disabled>
                    </div>
{{--                    <div class="form-group">--}}
{{--                        <p>موجودی</p>--}}
{{--                        <input type="text" name='amount' class="form-control" id="amount"--}}
{{--                               placeholder="موجودی کیف پول پیشفرض 0" value="{{old('amount',$user->amount)}}" disabled>--}}
{{--                    </div>--}}
{{--                    <div class="form-group">--}}
{{--                        <p>سهم</p>--}}
{{--                        <input type="text" name='mobile' class="form-control" id="mobile"--}}
{{--                               placeholder="سهم" value="{{old('mobile',$user->percent)}}" disabled>--}}
{{--                    </div>--}}
                    @if($user->address)
                        @foreach($user->address as $address)
                            <p>ادرس {{++$loop->index}}</p>
                            <div class="form-group">
                                <input type="number" name='{{'zip_code['.$loop->index.']'}}' class="form-control"
                                       id="zip_code"
                                       placeholder="کد پستی {{$loop->index}}"
                                       value="{{old('zip_code',$address['zip_code'])}}" disabled>
                            </div>
                            <div class="form-group">
                                 <textarea disabled name='{{'address['.$loop->index.']'}}' class="form-control"
                                           id="address"
                                           placeholder="آدرس کد پستی {{$loop->index}}">{{old('address',$address['address'])}}</textarea>
                            </div>
                        @endforeach
                    @endif
                    <div class="form-group mx-auto my-2 d-flex justify-content-center">
                        <label class="">تصویر پروفایل</label>
                        @if($user->profile_pic)
                            <img src="{{$user->thumb()}}" class="mx-auto" style="width: 6rem;height: 6rem">
                        @else
                            <span class="mx-2">بدون تصویر پروفایل</span>
                        @endif
                    </div>
                </form>
            </div>
        </section>
    </x-slot>
</x-admin-panel-layout>
