@extends('admin.layouts.masterlayout')

@section('content')

<div class="main-content">
    @php
    $adminDetail = session()->get('AdminDetail');
    $userImage = $adminDetail->image ?? 'default_avatar.png';
    $userImagePath = 'uploads/user/' . $userImage;
    @endphp
    <!-- row -->
    <div class="card rounded-4">
        <div class="card-body p-4">
            <div class="position-relative mb-5">
                <img src="assets/images/gallery/profile-cover.png" class="img-fluid rounded-4 shadow" alt="">
                <div class="profile-avatar position-absolute top-100 start-50 translate-middle">
                    <img src="{{ file_exists(public_path($userImagePath)) ? asset($userImagePath) : asset('uploads/user/default_avatar.png') }}" class="img-fluid rounded-circle p-1 bg-grd-danger shadow" width="170" height="170" alt="" style="margin-top: 50px !important;">
                </div>
            </div>
            <div class="profile-info pt-5 d-flex align-items-center justify-content-between">
                <div class="">
                    <h3>{{Session::get('AdminDetail')->name }}</h3>

                </div>
                {{-- <div class="">
                <a href="javascript:;" class="btn btn-grd-primary rounded-5 px-4"><i class="bi bi-chat me-2"></i>Send Message</a>
              </div> --}}
            </div>
            <div class="kewords d-flex align-items-center gap-3 mt-4 overflow-x-auto">
                @if(Session::get('AdminDetail')->user_type == 0)
                <button type="button" class="btn btn-sm btn-light rounded-5 px-4">Profile Details</button>
                <a href="{{route('myprofile.change_password')}}" type="button" class="btn btn-outline-secondary rounded-5 px-4">Password Reset</a>

                @else
                <button type="button" class="btn btn-sm btn-light rounded-5 px-4">Admin</button>
                @endif
            </div>
        </div>
    </div>
    <div class="row">
        <div id="stepper2" class="col-12 col-xl-8">
            <div class="card  rounded-4 border-top border-4 border-primary border-gradient-1">
                <div class="card-body p-4">
                    <div class="bs-stepper-content">
                        <div id="test-nl-1" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger1">
                            <div id="test-nl-1" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger1">
                                <h5 class="mb-1">My Profile</h5>
                                <hr>

                                {{ Form::open(['role' => 'form','id'=>'userUpdateForm','route'=>'myprofile.update', 'files' => true]) }}

                                <div class="row g-3">
                                    <div class="form-group col-md-6">
                                        <label class="lbl_frm py-2">Name</label>
                                        <input id="name" type="text" placeholder="enter name here" name="name" class="form-control in_text" value="{{Session::get('AdminDetail')->name  }}">
                                        <div class="error-message help-inline">
                                            {{ $errors->first('name') }}
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="lbl_frm py-2">Email</label>
                                        <input class="form-control in_text" autocomplete="off" placeholder="enter email here" id="email" name="email" type="text" value="{{ Session::get('AdminDetail')->email }}" readonly>
                                        <div class="error-message help-inline">
                                            {{ $errors->first('email') }}
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="lbl_frm py-2">Mobile</label>
                                        <input class="form-control in_text" autocomplete="off" placeholder="enter mobile here" id="mobile" name="mobile" type="text" value="{{ Session::get('AdminDetail')->mobile }}" readonly>
                                        <div class="error-message help-inline">
                                            {{ $errors->first('mobile') }}
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="lbl_frm py-2">Image</label>
                                        <input class="form-control in_text" name="image" id="image" type="file" accept="image/*">
                                        <div class="error-message help-inline">
                                            {{ $errors->first('image') }}
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="lbl_frm py-2">Preview Image</label>



                                        <div class="mt-2">
                                            <img id="imagePreview"
                                                src="{{ file_exists(public_path($userImagePath)) ? asset($userImagePath) : asset('uploads/user/default_avatar.png') }}"
                                                alt="Profile Image"
                                                class="img-thumbnail"
                                                style="max-width: 150px;">
                                        </div>
                                    </div>



                                    <div class="col-12">
                                        @php
                                        $rootPathImage = config('global.USER_PROFILE_IMAGE_ROOT_PATH');
                                        $fileName = $rootPathImage . Session::get('image');
                                        @endphp

                                        @if(!empty(Session::get('image')))
                                        <a class="items-image" data-lightbox="roadtrip{{ Session::get('image') }}" href="{{ $fileName }}">
                                            <img alt="" class="img-responsive" src="{{ $fileName }}" />
                                        </a>
                                        @else
                                        <img alt="" class="img-responsive" src="{{ config('global.WEBSITE_IMG_URL') }}admin/no-image-male.png" />
                                        @endif
                                    </div>

                                    <input type="hidden" name="id" id="id" value="{{ Session::get('id') }}">

                                    <div class="col-12 pt-4">
                                        <button type="submit" class="btn btn-primary px-4">Submit</button>
                                        <button class="btn btn-gray" type="button"onclick="window.location.reload()">Cancel</button>
                                    </div>
                                </div>

                                {{ Form::close() }}
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card rounded-4">
                <div class="card-body">
                    <div class="d-flex align-items-start justify-content-between mb-3">
                        <div class="">
                            <h5 class="mb-0 fw-bold">About</h5>
                        </div>

                    </div>
                    <div class="full-info">
                        <div class="info-list d-flex flex-column gap-3">
                            <div class="info-list-item d-flex align-items-center gap-3"><span class="material-icons-outlined">account_circle</span>
                                <p class="mb-0">Full Name: {{$adminDetail->name}}</p>
                            </div>
                            <div class="info-list-item d-flex align-items-center gap-3"><span class="material-icons-outlined">done</span>
                                <p class="mb-0">Status: {{$adminDetail->activation_status}}</p>
                            </div>
                            <div class="info-list-item d-flex align-items-center gap-3"><span class="material-icons-outlined">code</span>
                                <p class="mb-0">Role: @if($adminDetail->user_type == 0)
                                    <button type="button" class="btn btn-link rounded-5 px-4">Super Admin</button>
                                    @else
                                    <button type="button" class="btn btn-sm btn-light rounded-5 px-4">Admin</button>
                                    @endif
                                </p>
                            </div>
                            <div class="info-list-item d-flex align-items-center gap-3"><span class="material-icons-outlined">send</span>
                                <p class="mb-0">Email: {{$adminDetail->email}}</p>
                            </div>
                            <div class="info-list-item d-flex align-items-center gap-3"><span class="material-icons-outlined">call</span>
                                <p class="mb-0">Phone: {{$adminDetail->mobile}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
    var UPLOAD_URL = "