@extends('dashboard_guide.layouts.app')
@section('content')
    <div class="col-md-10 content">
        <div class="row">
            <div class="col-md-6">
                <div class="header">
                    <h4>تعديل الحساب الشخصي</h4>
                </div>
            </div>
            <div class="col-md-6">
                <div class="add">
                    <button onclick="document.getElementById('profile_form').submit();"
                            class="btn-add">{{trans('lang.save')}}</button>
                </div>
            </div>
            <!-- Start Dashboard Profile -->
            <section class="update-profile-dashboard register-new">
                <div class="container">
                    <div class="row content-register">
                        <div class="tabs">
                            <form method="post" action="{{route('guide.profile.update')}}" enctype="multipart/form-data"
                                  id="profile_form">
                                @csrf
                                <div class="mb-3">
                                    <div class="uploade-image-profile">
                                        <label for="inputTag2" class="uplode-image">
                                            <img style="border-radius: 50%;" src="{{$data->image}}" alt="#"/>
                                            <i class="fa-solid fa-camera"></i>
                                    </div>
                                    <input id="inputTag2" name="image" type="file"/>
                                    <br/>
                                    <span id="imageName2"></span>
                                    </label>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">الاسم</label>
                                    <input required type="text" name="name" value="{{ $data->name }}"
                                           class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">البريد الالكترونى</label>
                                    <input required type="email" name="email" value="{{$data->email}}"
                                           class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">رقم الجوال</label>
                                    <input required type="text" name="phone" value="{{$data->phone}}"
                                           class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1" class="form-label">العنوان</label>
                                    <select required name="city_id" class="form-select"
                                            aria-label="Default select example">
                                        <option selected disabled>{{ __('lang.choose_city') }}</option>
                                        @foreach($cities as $city)
                                            <option value="{{ $city->id }}"
                                                    @if($data->city_id == $city->id) selected @endif >{{ $city->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1"
                                           class="form-label">{{trans('lang.job')}}</label>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <input type="text" name="job_ar"
                                                   value="{{ old('job_ar', $data->job_ar ?? '') }}"
                                                   class="form-control" id="exampleInputEmail1"
                                                   placeholder="{{trans('lang.arabic')}}" aria-describedby="emailHelp">
                                        </div>
                                        <div class="col-lg-6">
                                            <input type="text" name="job_en"
                                                   value="{{ old('job_en', $data->job_en ?? '') }}"
                                                   class="form-control" id="exampleInputEmail1"
                                                   placeholder="{{trans('lang.english')}}" aria-describedby="emailHelp">
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputEmail1"
                                           class="form-label">{{trans('lang.description')}}</label>
                                    <div class="row">
                                        <div class="col-lg-6">
            <textarea name="description_ar" class="form-control" rows="10" placeholder="{{trans('lang.arabic')}}"
                      id="exampleInputEmail1">{{ old('description_ar', $data->description_ar ?? '') }}</textarea>
                                        </div>
                                        <div class="col-lg-6">
            <textarea name="description_en" class="form-control" rows="10" placeholder="{{trans('lang.english')}}"
                      id="exampleInputEmail1">{{ old('description_en', $data->description_en ?? '') }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputPassword1" class="form-label">كلمة المرور</label>
                                    <input type="password" name="password" class="form-control"
                                           id="exampleInputPassword1">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputPassword1" class="form-label">تأكيد كلمة المرور</label>
                                    <input type="password" name="password_confirmation" class="form-control"
                                           id="exampleInputPassword1">
                                </div>
                                <div class="mb-3">
                                    <label for="exampleInputPassword1" class="form-label">رخصة مزاولة المهنه</label>
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <label for="inputTag" class="uploade-image">
                                                <div class="uplode-button">
                                                    <i class="fa-solid fa-cloud-arrow-up"></i>
                                                    <h6>أرفق ملفا</h6>
                                                </div>
                                                <input id="inputTag" name="license_image" type="file"/>
                                                <br/>
                                                <span id="imageName"></span>
                                            </label>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="mb-3">
                                                <div class="uploade-image-profile">
                                                    <img src="{{$data->license_image}}" alt="#"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label for="exampleInputPassword1" class="form-label">صورة خلفية الغلاف (414*135)</label>
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <label for="inputTag3" class="uploade-image">
                                                <div class="uplode-button">
                                                    <i class="fa-solid fa-cloud-arrow-up"></i>
                                                    <h6>أرفق ملفا</h6>
                                                </div>
                                                <input id="inputTag3" name="cover" type="file"/>
                                                <br/>
                                                <span id="imageName"></span>
                                            </label>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="mb-3">
                                                <div class="uploade-image-profile">
                                                    <img src="{{$data->cover}}" alt="#"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Dashboard Profile -->
        </div>
    </div>
@endsection