@extends('layouts.user_type.guest')
@section('header_title', __('پروفایل'))
@push('extra_css')
    <link rel="stylesheet" href="{{url('/')}}/assets/css/style.css">
    <link rel="stylesheet" href="{{url('/')}}/assets/css/responsive.css">
@endpush
@section('content')
    @php($user = $user ?? auth()->user())

    <div class="container mt-5">
        <br>
        <br>
        {{ view('user.user_menu') }}


        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="iq-card">
                        <div class="iq-card-body p-0">
                            <div class="iq-edit-list">
                                <ul class="iq-edit-profile d-flex nav nav-pills">
                                    <li class="col-md-4 p-0">
                                        <a class="nav-link active" data-bs-toggle="pill" href="#personal-information">
                                            {{ __('اطلاعات شخصی') }}
                                        </a>
                                    </li>
                                    <li class="col-md-4 p-0">
                                        <a class="nav-link" data-bs-toggle="pill" href="#chang-pwd">
                                            {{ __('تغییر رمز عبور') }}
                                        </a>
                                    </li>
                                    <li class="col-md-4 p-0">
                                        <a class="nav-link" data-bs-toggle="pill" href="#manage-contact">
                                            {{ __('مدیریت شماره تماس') }}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="iq-edit-list-data">
                        <div class="tab-content">
                            <div class="tab-pane fade active show" id="personal-information" role="tabpanel">
                                <div class="iq-card">
                                    <div class="iq-card-header d-flex justify-content-between">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if (session('success'))
                                            <div class="alert alert-success">
                                                {{ session('success') }}
                                            </div>
                                        @endif

                                        @if (session('error'))
                                            <div class="alert alert-danger">
                                                {{ session('error') }}
                                            </div>
                                        @endif
                                    </div>
                                    <div class="iq-card-body">
                                        <form method="post" action="{{ localized_route('user.profile.update') }}" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')
                                            <div class="input_float_label row align-items-center">
                                                <div class="col-md-12">
                                                    <div class="profile-img-edit" >
                                                        <img class="profile-pic"
                                                             src="{{url($user->profile->file_path)}}"
                                                             alt="profile-pic">
                                                        <div class="p-image">
                                                            <i class="fa fa-pencil bg-warning rounded-circle p-2" onclick="document.getElementById('profile-upload').click()"></i>
                                                            <input class="file-upload" id="profile-upload" type="file" name="profile"  accept="image/*"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class=" row align-items-center mb-3">
                                                <div class="input_float_label col-sm-6">
                                                    <label for="fname">{{ __('نام:') }}</label>
                                                    <input type="text" class="register-input login_username" id="fname" name="fname" value="{{ old('fname', $user->fname) }}">
                                                </div>
                                                <div class="input_float_label col-sm-6">
                                                    <label for="lname">{{ __('نام خانوادگی:') }}</label>
                                                    <input type="text" class="register-input login_username" id="lname" name="lname" value="{{ old('lname', $user->lname) }}">
                                                </div>
                                                <div class="input_float_label col-sm-6">
                                                    <label for="email">{{ __('ایمیل:') }}</label>
                                                    <input type="email" disabled class="register-input login_username" id="email" value="{{ $user->email }}">
                                                </div>
                                                <div class="input_float_label col-sm-6">
                                                    <label for="tel">{{ __('موبایل:') }}</label>
                                                    <input type="tel" disabled class="register-input login_username" id="tel" value="{{ $user->tel }}">
                                                </div>

                                            </div>
                                            <button type="submit" class="btn btn-primary mr-2">{{ __('ثبت') }}</button>
                                            <button type="reset" class="btn iq-bg-danger">{{ __('انصراف') }}</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="chang-pwd" role="tabpanel">
                                <div class="iq-card">
                                    <div class="iq-card-header d-flex justify-content-between">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if (session('success'))
                                            <div class="alert alert-success">
                                                {{ session('success') }}
                                            </div>
                                        @endif

                                        @if (session('error'))
                                            <div class="alert alert-danger">
                                                {{ session('error') }}
                                            </div>
                                        @endif
                                    </div>
                                    <div class="iq-card-body">
                                        <form method="post" action="{{localized_route('user.profile.update_password')}}">
                                            @csrf
                                            @method('PUT')
                                            <a href="{{ localized_route('forgot') }}" class="float-right">{{ __('فراموشی رمز عبور') }}</a>
                                            <div class="input_float_label">
                                                <label for="current_password">{{ __('رمز عبور فعلی:') }}</label>
                                                <input type="password" class="register-input login_username" id="current_password" name="current_password" value="">
                                            </div>
                                            <div class="input_float_label">
                                                <label for="new_password">{{ __('رمزعبور جدید:') }}</label>
                                                <input type="password" class="register-input login_username" id="new_password" name="new_password" value="">
                                            </div>
                                            <div class="input_float_label">
                                                <label for="new_password_confirmation">{{ __('تکرار رمز عبور جدید:') }}</label>
                                                <input type="password" class="register-input login_username" id="new_password_confirmation" name="new_password_confirmation" value="">
                                            </div>
                                            <button type="submit" class="btn btn-primary mr-2 mt-2">{{ __('ثبت') }}</button>
                                            <button type="reset" class="btn iq-bg-danger">{{ __('انصراف') }}</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="manage-contact" role="tabpanel">
                                <div class="iq-card">
                                    <div class="iq-card-header d-flex justify-content-between">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                        @if (session('success'))
                                            <div class="alert alert-success">
                                                {{ session('success') }}
                                            </div>
                                        @endif

                                        @if (session('error'))
                                            <div class="alert alert-danger">
                                                {{ session('error') }}
                                            </div>
                                        @endif
                                    </div>
                                    <div class="iq-card-body">
                                        <form method="post" action="{{localized_route('user.profile.update_contact_info')}}">
                                            @csrf
                                            @method('PUT')
                                            <div class="input_float_label">
                                                <label for="tel">{{ __('شماره تماس:') }}</label>
                                                <input type="tel" class="register-input login_username Directionltr" id="tel" name="tel" value="{{ old('tel', $user->tel) }}">
                                            </div>
                                            <div class="input_float_label">
                                                <label for="email">{{ __('ایمیل:') }}</label>
                                                <input type="email" class="register-input login_username Directionltr" id="email" name="email" value="{{ old('email', $user->email) }}">
                                            </div>
                                            <button type="submit" class="btn btn-primary mr-2 mt-2">{{ __('ثبت') }}</button>
                                            <button type="reset" class="btn iq-bg-danger">{{ __('انصراف') }}</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection