@extends('layouts.master')
@section('content')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">
            Update Profile
        </h2>
    </div>
    <div class="grid grid-cols-12 gap-6">
        <div class="col-span-12 lg:col-span-12 2xl:col-span-9">
            <div class="intro-y box lg:mt-5">
                <div class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">
                        Display Information
                    </h2>
                </div>
                @if (Session::has('message'))
                    <div class="alert alert-{{ Session::get('messageType') }} alert-dismissible fade show" role="alert">
                        <strong>{{ Session::get('message') }} </strong>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                @endif
                <div class="p-5">
                    <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="flex flex-col-reverse xl:flex-row flex-col">
                            <div class="flex-1 mt-6 xl:mt-0">
                                <div class="grid grid-cols-12 gap-x-5">
                                    <div class="col-span-12 2xl:col-span-6">
                                        <div>
                                            <input type="hidden" name="id" value="{{ $admin->id }}">
                                            <label for="update-profile-form-1" class="form-label">First Name</label>
                                            <input id="update-profile-form-1" type="text" name="fname"
                                                class="form-control" placeholder="Input text"
                                                @if (old('fname')) value="{{ old('fname') }}"
                                                @else
                                                    value="{{ $admin->first_name ?? '' }}" @endif>
                                            @error('fname')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="mt-3">
                                            <label for="update-profile-form-1" class="form-label">Last Name</label>
                                            <input id="update-profile-form-1" type="text" name="lname"
                                                class="form-control" placeholder="Input text"
                                                @if (old('lname')) value="{{ old('lname') }}"
                                            @else
                                                value="{{ $admin->last_name ?? '' }}" @endif>
                                            @error('lname')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-span-12 2xl:col-span-6">
                                        <div class="mt-3 2xl:mt-0">
                                            <label for="update-profile-form-1" class="form-label">Email</label>
                                            <input id="update-profile-form-1" type="email" name="email"
                                                class="form-control" placeholder="Input text"
                                                @if (old('email')) value="{{ old('email') }}"
                                            @else
                                                value="{{ $admin->email ?? '' }}" @endif>
                                            @error('email')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="mt-3">
                                            <label for="update-profile-form-4" class="form-label">Phone Number</label>
                                            <input id="update-profile-form-4" type="number" name="phone"
                                                class="form-control" placeholder="Input text"
                                                @if (old('phone')) value="{{ old('phone') }}"
                                            @else
                                                value="{{ $admin->phone ?? '' }}" @endif>
                                            @error('phone')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary w-20 mt-3">Save</button>
                            </div>
                            <div class="w-52 mx-auto xl:mr-0 xl:ml-6">
                                <div
                                    class="border-2 border-dashed shadow-sm border-slate-200/60 dark:border-darkmode-400 rounded-md p-5">
                                    <div class="mx-auto cursor-pointer relative mt-5">
                                        <button type="button" class="btn btn-primary w-full">Change Photo</button>
                                        <input type="file" name="image"
                                            class="w-full h-full top-0 left-0 absolute opacity-0">
                                        @error('image')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection