@extends('layouts.user_type.auth')
@section('header_title', __('پروفایل مدیریت'))

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card admin-card">
                    <div class="card-body p-0">
                        <div class="admin-edit-list">
                            <ul class="admin-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="admin-edit-list-data">
                    <div class="tab-content">
                        <div class="tab-pane fade active show" id="personal-information" role="tabpanel">
                            <div class="card admin-card">
                                <div class="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 class="admin-card-title">
                                        <h4 class="card-title">{{ __('اطلاعات شخصی') }}</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <form method="post" enctype="multipart/form-data">
                                        @csrf
                                        @method('PUT')
                                        <div class="mb-3 row align-items-center">
                                            <div class="col-md-12">
                                                <div class="profile-img-edit" >
                                                    <img class="profile-pic"
                                                         src="{{url(Auth::user()->profile->file_path)}}"
                                                         alt="{{ __('تصویر پروفایل') }}">
                                                    <div class="p-image">
                                                        <i class="ri-pencil-line upload-button" 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="mb-3 col-sm-6">
                                                <label for="fname">{{ __('نام:') }}</label>
                                                <input type="text" class="form-control" id="fname" name="fname" value="{{Auth::user()->fname}}">
                                            </div>
                                            <div class="mb-3 col-sm-6">
                                                <label for="lname">{{ __('نام خانوادگی:') }}</label>
                                                <input type="text" class="form-control" id="lname" name="lname" value="{{Auth::user()->lname}}">
                                            </div>
                                            <div class="mb-3 col-sm-6">
                                                <label for="email">{{ __('ایمیل:') }}</label>
                                                <input type="email" disabled class="form-control" id="email" value="{{Auth::user()->email}}">
                                            </div>
                                            <div class="mb-3 col-sm-6">
                                                <label for="tel">{{ __('موبایل:') }}</label>
                                                <input type="tel" disabled class="form-control" id="tel" value="{{Auth::user()->tel}}">
                                            </div>

                                        </div>
                                        <button type="submit" class="btn btn-primary me-2">{{ __('ثبت') }}</button>
                                        <button type="reset" class="btn btn-danger">{{ __('انصراف') }}</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="chang-pwd" role="tabpanel">
                            <div class="card admin-card">
                                <div class="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 class="admin-card-title">
                                        <h4 class="card-title">{{ __('تغییر رمز عبور') }}</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <form method="post" action="{{localized_route('admin.profile.update_password')}}">
                                        @csrf
                                        @method('PUT')
                                        <div class="mb-3">
                                            <label for="current_password">{{ __('رمز عبور فعلی:') }}</label>
                                            <a href="{{ localized_route('forgot') }}" class="float-end">{{ __('فراموشی رمز عبور') }}</a>
                                            <input type="password" class="form-control" id="current_password" name="current_password" value="">
                                        </div>
                                        <div class="mb-3">
                                            <label for="new_password">{{ __('رمزعبور جدید:') }}</label>
                                            <input type="password" class="form-control" id="new_password" name="new_password" value="">
                                        </div>
                                        <div class="mb-3">
                                            <label for="new_password_confirmation">{{ __('تکرار رمز عبور جدید:') }}</label>
                                            <input type="password" class="form-control" id="new_password_confirmation" name="new_password_confirmation" value="">
                                        </div>
                                        <button type="submit" class="btn btn-primary me-2 mt-2">{{ __('ثبت') }}</button>
                                        <button type="reset" class="btn btn-danger">{{ __('انصراف') }}</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="manage-contact" role="tabpanel">
                            <div class="card admin-card">
                                <div class="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 class="admin-card-title">
                                        <h4 class="card-title">{{ __('مدیریت شماره تماس') }}</h4>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <form method="post" action="{{localized_route('admin.profile.update_contact_info')}}">
                                        @csrf
                                        @method('PUT')
                                        <div class="mb-3">
                                            <label for="tel">{{ __('شماره تماس:') }}</label>
                                            <input type="tel" class="form-control Directionltr" id="tel" name="tel" value="{{auth()->user()->tel}}">
                                        </div>
                                        <div class="mb-3">
                                            <label for="email">{{ __('ایمیل:') }}</label>
                                            <input type="text" class="form-control Directionltr" id="email" name="email" value="{{auth()->user()->email}}">
                                        </div>
                                        <button type="submit" class="btn btn-primary me-2 mt-2">{{ __('ثبت') }}</button>
                                        <button type="reset" class="btn btn-danger">{{ __('انصراف') }}</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection