@extends('app')
@section('content')
    {{--    {{dd($user)}}--}}
    <div class="w-full mt-[90px] justify-center container flex">
        <div class="bg-white w-[350px] p-6 rounded-xl  ">
            <img src="/assets/img/bg/bg-shape.jpg" class="rounded-full w-32 h-32 mx-auto pb-6" alt="">
            {{--                <p class="">        تاریخ شروع همکاری:--}}
            {{--                    {{\Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($user->created_at))->format('Y/m/d')}}</p>--}}
            @if ($errors->has('password'))
                <div class="mt-3 mb-3 text-red-500 text-sm justify-self-center ">
                    <label>
                        {{ $errors->first('password') }}
                    </label>
                </div>
            @endif
            <form action="{{route('edit.profile')}}" method="post" class="grid grid-cols-2 gap-2 justify-items-stretch content-between text-sm indent-2.5 align-middle divide">
{{--            align-center text-sm text-start">--}}
{{--                <div class="grid grid-cols-2 h-64 gap-2 justify-items-stretch content-between text-sm indent-2.5 align-middle divide">--}}
                    @csrf

                    <label class="pb-3">نام و نام خانوادگی:</label>
                    <input type="text" name="name" value="{{ $user->name ?? '' }}"
                           placeholder="نام و نام خانوادگی"
                           class="border border-gray-300 rounded-md text-center">

                    <label class="pb-3">ایمیل:</label>
                    <input type="email" name="email" value="{{ $user->email ?? '' }}"
                           placeholder="ایمیل"
                           class="border border-gray-300 rounded-md text-center">

                    <label class="pb-3">شماره تماس:</label>
                    <input type="tel" name="number" value="{{ $user->number ?? '' }}"
                           placeholder="شماره تماس"
                           pattern="^09\d{9}$"
                           class="border border-gray-300 rounded-md text-center" required>

                    <label class="pb-3">چت آیدی تلگرام:</label>
                    <input type="text" pattern="\d+" name="chatid" value="{{ $user->chatid ?? '' }}"
                           placeholder="چت آیدی تلگرام"
                           class="border border-gray-300 rounded-md text-center">

                    <label class="pb-3">رمز عبور:</label>
                    <input type="password" name="password" value="{{ $user->password ?? '' }}"
                           placeholder="رمز عبور"
                           class="input border border-gray-300 rounded-md text-center">
                    <input type="password" name="password_confirmation"
                           placeholder="تکرار رمز عبور"
                           class="input border border-gray-300 rounded-md text-center col-start-2 min-h-8">

                    @if(!empty($_COOKIE['ad']) && $_COOKIE['ad'] == 1)
                        <label class="pb-3">نقش کاربری:</label>
                        <select name="role" class="border border-gray-300 rounded-md text-center">
                            <option value="0" {{ $user->is_admin == 0 ? 'selected' : '' }}>کارمند</option>
                            <option value="1" {{ $user->is_admin == 1 ? 'selected' : '' }}>ادمین</option>
                        </select>
                    @endif
                    <button type="submit"
                            class="col-span-2 bg-cyan-500 hover:bg-cyan-700 cursor-pointer
                       rounded-xl border border-400 justify-self-center
                       p-1.5 text-white">
                        ثبت تغییرات
                    </button>
{{--                </div>--}}
            </form>


        </div>
    </div>

@endsection