@extends('AdminPanel.layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <ul class="nav nav-pills mb-2">
                <!-- account -->
                <li class="nav-item">
                    <a class="nav-link active" href="{{route('admin.myProfile')}}">
                        <i data-feather="user" class="font-medium-3 me-50"></i>
                        <span class="fw-bold">{{__('common.Account')}}</span>
                    </a>
                </li>
                <!-- security -->
                <li class="nav-item">
                    <a class="nav-link" href="{{route('admin.myPassword')}}">
                        <i data-feather="lock" class="font-medium-3 me-50"></i>
                        <span class="fw-bold">{{__('common.Security')}}</span>
                    </a>
                </li>
                <!-- notification -->
                            </ul>

            <!-- profile -->
            <div class="card">
                <div class="card-header border-bottom">
                    <h4 class="card-title">{{__('common.Account')}}</h4>
                </div>
                <div class="card-body py-2 my-25">
                    <form method="POST" class="validate-form" enctype="multipart/form-data">
                        @csrf
                        <div class="row d-flex justify-content-center">
                            <div class="col-md-3 text-center">
                                <span class="avatar mb-2">
                                    <img class="round" src="{{auth()->user()->photoLink()}}" alt="avatar" height="150" width="150">
                                </span>
                                <div class="file-loading">
                                    <input class="files" name="photo" type="file">
                                </div>
                            </div>
                        </div>

                        <!-- form -->
                        <div class="row pt-3">
                            <div class="col-12 col-sm-6 mb-1">
                                <label class="form-label" for="name">{{__('common.name')}}</label>
                                <input type="text" name="name" id="name" class="form-control" required value="{{ auth()->user()->name }}">
                            </div>
                            <div class="col-12 col-sm-6 mb-1">
                                <label class="form-label" for="userName">{{__('common.username')}}</label>
                                <input type="text" name="userName" id="userName" class="form-control" value="{{ auth()->user()->userName }}">
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="email">{{__('common.email')}}</label>
                                <input type="email" name="email" id="email" class="form-control" required value="{{ auth()->user()->email }}">
                            </div>

                                                        <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="phone">{{__('common.phone')}}</label>
                                <input type="text" name="phone" id="phone" class="form-control" value="{{ auth()->user()->phone }}">
                            </div>
                            <div class="col-12 col-sm-3 mb-1">
                                <label class="form-label" for="another_phone">{{__('common.workPhone')}}</label>
                                <input type="text" name="another_phone" id="another_phone" class="form-control" value="{{ auth()->user()->another_phone }}">
                            </div>

                            <div class="col-12 col-sm-12 mb-1">
                                <label class="form-label" for="address">{{__('common.address')}}</label>
                                <input type="text" name="address" id="address" class="form-control" value="{{ auth()->user()->address }}">
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary mt-1 me-1">{{__('common.Save changes')}}</button>
                            </div>
                        </div>
                        <!--/ form -->
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop