@extends('layouts.site.master')
@section('content')
    <div class="container">
        <div class="row mx-0 mt-md-5 mt-0 w-100">
            @include('site.panel.sidebar')
            <div class="col-md-9 col-12 p-2">
                <div class="p-2 shadow-sm bg-white main-radius">
                    <div class="p-2 pb-0 d-flex justify-content-between mb-2">
                        <p class="bold side-title position-relative max-w mb-0">
                            ویرایش اطلاعات
                        </p>
                    </div>
                    <form method="post" action="{{route('panel.info.post')}}"  enctype="multipart/form-data">
                        @csrf
                        <div class="max-w position-relative ms-lg-2 ms-auto me-lg-0 me-auto">
                            <img width="100" class="rounded-circle border my-3"
                                 src="{{@Auth::user()->getProfile()}}" alt="">
                            <input class="d-none" type="file" name="image" id="image">
                            <label
                                class="pointer position-absolute border new-profile-apload text-center align-content-center bg-body rounded-circle"
                                for="image">
                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                     xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" x="0" y="0"
                                     class="me-1" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
                                     xml:space="preserve">
                            <g>
                                <clipPath id="a">
                                    <path d="M0 0h24v24H0z" fill="#22b573" opacity="1" data-original="#000000"
                                          class=""></path>
                                </clipPath>
                                <g clip-path="url(#a)">
                                    <path fill="#22b573"
                                          d="M23.325 4.462c0-.3-.113-.6-.338-.825-.45-.45-.9-.9-1.312-1.35-.412-.412-.787-.825-1.2-1.2-.188-.225-.412-.375-.713-.412-.337-.038-.637.037-.9.262l-2.55 2.55H3.038A2.377 2.377 0 0 0 .675 5.85V21a2.377 2.377 0 0 0 2.362 2.362h15.188A2.377 2.377 0 0 0 20.587 21V7.687l2.438-2.437c.188-.225.3-.488.3-.788zM12.3 13.5c-.038.037-.038.037-.075.037l-2.7.9.9-2.7c0-.037.037-.037.037-.074l6.75-6.75 1.875 1.837zm6.562 7.5c0 .375-.3.675-.675.675H3.037A.672.672 0 0 1 2.362 21V5.812c0-.375.3-.675.675-.675h11.55L9.262 10.5c-.187.188-.375.45-.45.75l-1.387 4.2c-.113.3-.038.563.112.825.113.15.338.375.75.375h.15l4.313-1.425c.262-.075.525-.263.712-.45l5.4-5.4zM20.25 5.587 18.375 3.75l1.162-1.163c.3.3 1.538 1.538 1.838 1.875z"
                                          opacity="1" data-original="#000000" class=""></path>
                                </g>
                            </g>
                        </svg>
                            </label>
                        </div>
                        <div class="row m-0 w-100">
                            <div class="col-md-4 col-12 p-2">
                                <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                    نام و نام خانوادگی
                                </label>
                                <div class="position-relative">
                                    <input name="name" class="w-100 main-radius border login-input font-13"
                                           value="{{@Auth::user()->name}}" type="text">
                                </div>
                            </div>
                            <div class="col-md-4 col-12 p-2">
                                <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                    شماره تماس
                                </label>
                                <div class="position-relative">
                                    <input name="mobile" oninput="numberFormat()"
                                           class="w-100 main-radius border login-input font-13"
                                           value="{{@Auth::user()->mobile ?? ''}}" type="text" dir="ltr">
                                </div>
                            </div>
                            <div class="col-md-4 col-12 p-2">
                                <label class="text-start w-100 font-14 mb-1 dark-gray light">
                                    ایمیل
                                </label>
                                <div class="position-relative">
                                    <input name="email" class="w-100 main-radius border login-input font-13"
                                           value="{{@Auth::user()->email ?? ''}}" type="text" dir="ltr">
                                </div>
                            </div>
                            <div class="col-md-3 col-12 p-2 ms-auto">
                                <button
                                    class="first-page-btn-component w-100 d-flex justify-content-center py-2 font-14 text-white main-radius btn-dark-gray"
                                    type="submit">
                                    ذخیره اطلاعات
                                </button>
                            </div>
                        </div>

{{--                        @include('admin.image-croper.modal-croper', [--}}
{{--                            'inputId' => 'image',--}}
{{--                            'aspectWidth' => 1000,--}}
{{--                            'aspectHeight' => 1000,--}}
{{--                            'outputWidth' => 1000,--}}
{{--                            'outputHeight' => 1000])--}}
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection