@extends('auth.layouts.app')
@section('title', __('titles.profile'))
@section('content')
    {{-- @include('website.layouts.dashboard',['title' => __('titles.login')]) --}}

    <div class="ps-widget bgc-white bdrs12 default-box-shadow2 p30 mb30 overflow-hidden position-relative">

        <div class="col-lg-12">
            <form class="form-style1 needs-validation" enctype='multipart/form-data' novalidate
                action="{{ route('website.auth.profile.update', ['locale' => $locale]) }}" method="post">
                @csrf
                @method('put')
                <div class="row">
                    <div class="col-sm-6 col-xl-6">
                        <div class="mb20">
                            <label class="heading-color ff-heading fw600 mb10">@lang('attributes.first_name')</label>
                            <input type="text" name="first_name" class="form-control"
                                value="{{ old('first_name', auth()->user()->first_name) }}">
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-6">
                        <div class="mb20">
                            <label class="heading-color ff-heading fw600 mb10">@lang('attributes.last_name')</label>
                            <input type="text" name="last_name" class="form-control"
                                value="{{ old('last_name', auth()->user()->last_name) }}">
                        </div>
                    </div>


                    <div class="col-sm-6 col-xl-6">
                        <div class="mb20">
                            <label class="heading-color ff-heading fw600 mb10">@lang('attributes.email')</label>
                            <input type="email" name="email" class="form-control"
                                value="{{ old('email', auth()->user()->email) }}">
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-6">
                        <div class="mb20">
                            <label class="heading-color ff-heading fw600 mb10">@lang('attributes.phone')</label>
                            <input type="tel" placeholder="971xxxxxxxxx" pattern="971[0-9]{2}[0-9]{3}[0-9]{4}"
                                class="form-control phone" name="phone" value="{{ old('phone', auth()->user()->phone) }}">
                        </div>
                    </div>


                    <div class="col-md-12">
                        <div class="mb10">
                            <label class="heading-color ff-heading fw600 mb10">@lang('attributes.image')</label>
                            <img class="w-100"
                                src="{{ auth()->user() ? imagePath(auth()->user()->image) : asset('/images/user.png') }}"
                                alt="">
                            <input type="file" type="file"
                                accept="image/png, image/jpeg, image/webp"class="form-control" name="image" />
                        </div>
                    </div>
                    @if (auth()->user()->type == 'resident')
                        <div class="col-md-6">
                            <div class="mb10">
                                <label class="heading-color ff-heading fw600 mb10">@lang('attributes.id_card_number')</label>
                                <img class="w-100"
                                    src="{{ auth()->user() ? imagePath(auth()->user()->id_card_number) : asset('/images/user.png') }}"
                                    alt="">
                                <input type="file" type="file"
                                    accept="image/png, image/jpeg, image/webp"class="form-control" name="id_card_number" />
                            </div>
                        </div>
                    @endif
                    @if (auth()->user()->type == 'resident')
                        <div class="col-md-6">
                            <div class="mb10">
                                <label class="heading-color ff-heading fw600 mb10">@lang('attributes.driving_license_number')</label>
                                <img class="w-100"
                                    src="{{ auth()->user() ? imagePath(auth()->user()->driving_license_number) : asset('/images/user.png') }}"
                                    alt="">
                                <input type="file" type="file"
                                    accept="image/png, image/jpeg, image/webp"class="form-control"
                                    name="driving_license_number" />
                            </div>
                        </div>
                    @endif
                    @if (auth()->user()->type == 'tourist')
                        <div class="col-md-6">
                            <div class="mb10">
                                <label class="heading-color ff-heading fw600 mb10">@lang('attributes.international_license_number')</label>
                                <img class="w-100"
                                
                                    src="{{ auth()->user() ? imagePath(auth()->user()->international_license_number) : asset('/images/user.png') }}"
                                    alt="">
                                <input type="file" type="file"
                                    accept="image/png, image/jpeg, image/webp"class="form-control"
                                    name="international_license_number" />
                            </div>
                        </div>
                    @endif
                    
                    @if (auth()->user()->type == 'tourist')
                        <div class="col-md-6">
                            <div class="mb10">
                                <label class="heading-color ff-heading fw600 mb10">@lang('attributes.passport_number')</label>
                                <img class="w-100"
                                    src="{{ auth()->user() ? imagePath(auth()->user()->passport_number) : asset('/images/user.png') }}"
                                    alt="">
                                <input type="file" type="file"
                                    accept="image/png, image/jpeg, image/webp"class="form-control" name="passport_number" />
                            </div>
                        </div>
                    @endif


                    <div class="col-md-12">
                        <div class="text-end">
                            <button type="submit" class="ud-btn btn-dark">@lang('titles.editProfile')<i
                                    class="flaticon-arrow-right"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection