<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">
                        <h1 class="m-0 text-dark">ویرایش کاربر : {{$user->name ?? $user->mobile}}</h1>
                    </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" action="{{route('users.update',$user->id)}}" method="post"
                      enctype="multipart/form-data">
                    @csrf
                    @method('PATCH')
                    <div class="form-group">
                        <p>موبایل</p>
                        <input type="number" name='mobile' class="form-control" id="mobile"
                               placeholder="موبایل *" value="{{old('mobile',$user->mobile)}}" required>
                        @error('mobile')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>رمز عبور</p>
                        <input type="password" name='password' class="form-control" id="password"
                               placeholder="رمز عبور(تنها در صورت وارد کردن آپدیت میشود)" value="{{old('password')}}">
                        @error('password')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>نام</p>
                        <input type="text" name='name' class="form-control" id="name"
                               placeholder="نام" value="{{old('name',$user->name)}}">
                        @error('name')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>نام خانوادگی</p>
                        <input type="text" name='lname' class="form-control" id="lname"
                               placeholder="نام خانوادگی" value="{{old('lname',$user->lname)}}">
                        @error('lname')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>کد ملی</p>
                        <input type="number" name='national_code' class="form-control" id="national_code"
                               placeholder="کد ملی" value="{{old('national_code',$user->national_code)}}">
                        @error('national_code')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>ایمیل</p>
                        <input type="email" name='email' class="form-control" id="email"
                               placeholder="ایمیل" value="{{old('email',$user->email)}}">
                        @error('email')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <p>وضعیت اکانت</p>
                    <div class="form-group">
                        <select name='status' class="form-control" id="status">
                            @foreach(Mehrab\User\Models\User::$status as $status)
                                <option value="{{$status}}" {{$user->status == $status ? 'selected' : ''}}>
                                    @lang($status)
                                </option>
                            @endforeach
                        </select>
                        @error('status')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <p>موجودی</p>
                        <input type="number" name='amount' class="form-control" id="amount"
                               placeholder="موجودی کیف پول پیشفرض 0" value="{{old('amount',$user->amount)}}">
                        @error('amount')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                    </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'])}}">
                                @error('zip_code')
                                <div class="invalid">
                                    <p class="text-danger"
                                       style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                                </div>
                                @enderror
                                @error('zip_code.*')
                                <div class="invalid">
                                    <p class="text-danger"
                                       style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                                </div>
                                @enderror
                            </div>
                            <div class="form-group">
                                 <textarea name='{{'address['.$loop->index.']'}}' class="form-control" id="address"
                                  placeholder="آدرس کد پستی {{$loop->index}}">{{old('address',$address['address'])}}</textarea>
                                @error('address')
                                <div class="invalid">
                                    <p class="text-danger"
                                       style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                                </div>
                                @enderror
                                @error('address.*')
                                <div class="invalid">
                                    <p class="text-danger"
                                       style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                                </div>
                                @enderror
                            </div>
                        @endforeach
                    @endif
                    <div class="form-group mx-auto my-2 d-flex justify-content-center">
                        @if($user->profile_pic)
                            <img src="{{ $user->thumb() }}" class="mx-auto" style="width: 10rem;height: 10rem" />
                        @else
                            بدون تصویر پروفایل
                        @endif
                    </div>
                    @if($user->profile_pic)
                        <div class="form-group form-check mx-auto d-flex">
                            <input type="checkbox" name="delـprofile_pic" class="form-check-input"
                                   id="del_profile_pic_pic">
                            <label class="form-check-label" for="delPic">حذف تصویر پروفایل</label>
                        </div>
                    @endif
                    <div class="custom-file mb-sm-2 mb-5 withImgProf mx-auto">
                        <input type="file" name="profile_pic"
                               class="custom-file-input @error('profile_pic') is-invalid @enderror "
                               id="customFile" accept="image/*" value="{{ old('profile_pic') }}">
                        @error('profile_pic')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                        <label class="custom-file-label paddingRight text-muted small" for="customFile">انتخاب
                            عکس پروفایل
                            (اختیاری)</label>
                        {{--                        <small class="text-muted mr-sm-1">حجم حداکثر 1mb  فرمت jpeg یا jpg</small>--}}
                    </div>
                    <div class="form-group mx-auto my-2 d-flex justify-content-center">
                        @if($user->certificate_pic)
                            <img src="{{ $user->DownloadLink_certificate_pic() }}" class="mx-auto"
                                 style="width: 6rem;height: 6rem">
                        @else
                            بدون تصویر شناسنامه
                        @endif
                    </div>
                    @if($user->certificate_pic)
                        <div class="form-group form-check mx-auto d-flex">
                            <input type="checkbox" name="delـcertificate_pic" class="form-check-input"
                                   id="del_certificate_pic">
                            <label class="form-check-label" for="delPic">حذف تصویر شناسنامه</label>
                        </div>
                    @endif
                    <div class="custom-file mb-sm-2 mb-5 withImgProf mx-auto">
                        <input type="file" name="certificate_card_pic"
                               class="custom-file-input @error('certificate_card_pic') is-invalid @enderror"
                               id="customFile" accept="image/*" value="{{ old('certificate_card_pic') }}">
                        @error('certificate_card_pic')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                        <label class="custom-file-label paddingRight text-muted small" for="customFile">انتخاب
                            تصویر شناسنامه
                            (اختیاری)</label>
                        {{--                        <small class="text-muted mr-sm-1">حجم حداکثر 1mb  فرمت jpeg یا jpg</small>--}}
                    </div>
                    <div class="form-group mx-auto my-2 d-flex justify-content-center">
                        @if($user->national_pic)
                            <img src="{{$user->DownloadLink_national_pic()}}" class="mx-auto"
                                 style="width: 10rem;height: 10rem">
                        @else
                            بدون تصویر کارت ملی
                        @endif
                    </div>
                    @if($user->national_card_pic_id)
                        <div class="form-group form-check mx-auto d-flex">
                            <input type="checkbox" name="del_national_card_pic_id" class="form-check-input"
                                   id="del_national_card_pic_id">
                            <label class="form-check-label" for="delPic">حذف تصویر کارت ملی</label>
                        </div>
                    @endif
                    <div class="custom-file mb-sm-2 mb-5 withImgProf mx-auto">
                        <input type="file" name="national_card_pic"
                               class="custom-file-input @error('national_card_pic') is-invalid @enderror"
                               id="customFile" accept="image/*" value="{{ old('national_card_pic') }}">
                        @error('national_card_pic')
                        <div class="invalid">
                            <p class="text-danger" style="font-size: 0.8rem;padding-right: 0.2rem">{{$message}}</p>
                        </div>
                        @enderror
                        <label class="custom-file-label paddingRight text-muted small" for="customFile">انتخاب
                            تصویر کارت ملی
                            (اختیاری)</label>
                        {{--                        <small class="text-muted mr-sm-1">حجم حداکثر 1mb  فرمت jpeg یا jpg</small>--}}
                    </div>
                    <button type="submit" class="btn btn-primary btn-block mt-3">ثبت</button>
                </form>
            </div>
        </section>
    </x-slot>
    @if(session()->get('status') == 'updated')
        <x-slot name="linkScript">
            <script>
                Swal.fire({
                    icon: 'success',
                    text: 'ویرایش کاربر با موفقیت انجام شد',
                })
            </script>
        </x-slot>
    @endif
</x-admin-panel-layout>
