@extends('source.layouts.app')
@section('content')
    <div class="main-wrapper">		
        @include('source.common.header')
        @include('source.common.sidebar')
        <div class="page-wrapper" style="min-height: 311px;">
            <div class="content">
                <div class="row justify-content-center">
                    <div class="col-xl-12">
                        <div class="row settings-wrapper d-flex">
                            <div class="col-xl-3 col-lg-4">
                                <div class="card settings-card">
                                    <div class="card-header">
                                        <h6 class="mb-0">Settings</h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="sidebars settings-sidebar">
                                            <div class="sidebar-inner">
                                                <div class="sidebar-menu p-0">
                                                    <ul>
                                                        <li class="submenu-open">
                                                            <ul>
                                                                <li class="submenu">
                                                                    <a href="javascript:void(0);" class="active subdrop">
                                                                        <i class="isax isax-setting-2 fs-18"></i>
                                                                        <span class="fs-14 fw-medium ms-2">General Settings</span>
                                                                        <span class="isax isax-arrow-down-1 arrow-menu ms-auto"></span>
                                                                    </a>
                                                                    <ul>
                                                                        <li><a href="/profile" class="active">Profile Settings</a></li>
                                                                        <li><a href="/profilepassword">Change Password</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-9 col-lg-8">
                                @if(session('success'))
                                    <div class="alert alert-success">{{ session('success') }}</div>
                                @endif
                                <div class="mb-3">
                                    <div class="pb-3 border-bottom mb-3">
                                        <h6 class="mb-0">Account Settings</h6>
                                    </div>
                                    <div class="d-flex align-items-center mb-3">
                                        <span class="bg-dark avatar avatar-sm me-2 flex-shrink-0"><i class="isax isax-info-circle fs-14"></i></span>
                                        <h6 class="fs-16 fw-semibold mb-0">General Information</h6>
                                    </div>
                                    <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="mb-3">
                                            <span class="text-gray-9 fw-bold mb-2 d-flex">Profile Image<span class="text-danger ms-1">*</span></span>
                                            <div class="d-flex align-items-center">
                                                <div class="avatar avatar-xxl border border-dashed bg-light me-3 flex-shrink-0">
                                                    <div class="position-relative d-flex align-items-center">
                                                        <img src="{{ auth('admin')->user()->profilePhoto ? asset(auth('admin')->user()->profilePhoto) : asset('images/default-user.png')}}" class="avatar avatar-xl " alt="{{auth('admin')->user()->name}}"/>
                                                    </div>
                                                </div>
                                                <div class="d-inline-flex flex-column align-items-start">
                                                    <div class="drag-upload-btn btn btn-sm btn-primary position-relative mb-2">
                                                        <i class="isax isax-image me-1"></i>Upload Image
                                                        <input type="file" class="form-control image-sign" name="profile">
                                                    </div>
                                                    <span class="text-gray-9 fs-12">JPG or PNG format, not exceeding 5MB.</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="border-bottom mb-3 pb-2">
                                            <div class="row gx-3">
                                                <div class="col-lg-4 col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Name <span class="text-danger">*</span></label>
                                                        <input type="text" name="name" value="{{ old('name', auth('admin')->user()->name) }}" class="form-control" required>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4 col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Email <span class="text-danger">*</span></label>
                                                        <input type="email" name="email" value="{{ old('email', auth('admin')->user()->email) }}" readonly class="form-control">
                                                    </div>
                                                </div>
                                                <div class="col-lg-4 col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Mobile Number <span class="text-danger">*</span></label>
                                                        <input type="text" name="mobile" value="{{ old('mobile', auth('admin')->user()->mobile) }}" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="border-bottom mb-3">
                                            <div class="d-flex align-items-center mb-3">
                                                <span class="bg-dark avatar avatar-sm me-2 flex-shrink-0"><i class="isax isax-info-circle fs-14"></i></span>
                                                <h6 class="fs-16 fw-semibold mb-0">Address Information</h6>
                                            </div>
                                            <div class="row gx-3">
                                                <div class="col-lg-12">
                                                    <div class="mb-3">
                                                        <label class="form-label">Address</label>
                                                        <input type="text" name="address" value="{{ old('address', auth('admin')->user()->address) }}" class="form-control">
                                                    </div>
                                                </div>
                                            </div>                                           
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between">
                                            <button type="button" class="btn btn-outline-white">Cancel</button>
                                            <button type="submit" class="btn btn-primary">Save Changes</button>
                                        </div>                                        
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer d-sm-flex align-items-center justify-content-between bg-white py-2 px-4 border-top">
                <p class="text-dark mb-0">
                    &copy; {{ date('Y') }}
                    <a href="javascript:void(0);" class="link-primary">C3S Publishers</a>,
                    All Rights Reserved
                </p>
            </div>
        </div>
@endsection