@extends('admin.layout.master')
@section('content')
@section('client', 'active')
@push('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<style>
    .iti.iti--allow-dropdown {
        width: 100% !important;
    }
</style>
@endpush
@section('title', 'Details')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Client Details</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a></li>
                        <li class="breadcrumb-item active" aria-current="page">Client Details</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!--end breadcrumb-->

        <div class="container">
            <div class="main-body">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="card">
                            @php
                                $user = Auth::guard('admin')->user();
                            @endphp
                            <!-- Optional left-side card -->
                            <div class="card-body">
                                <div class="d-flex flex-column align-items-center text-center">
                                    @if($user->image)

                                    <img src="{{asset('/uploads/admins/profile/'.$user->image)}}" alt="Admin"
                                      class="rounded-circle p-1 bg-primary" width="110">
                                      @else
                                       <img src="{{asset('1.jpg')}}" alt="Admin"
                                      class="rounded-circle p-1 bg-primary" width="110">

                                      @endif
                                  <div class="mt-3">
                                    <h4>
                                      @if (!empty($user))
                                        {{ $user->first_name }}
                                      @endif
                                    </h4>
                                    <h4>
                                        @if (!empty($user))
                                          {{ $user->last_name }}
                                        @endif
                                      </h4>
                                    <p class="text-secondary mb-1">
                                      @if (!empty($user))
                                        {{ $user->email }}
                                      @endif
                                    </p>
                                    {{-- <p class="text-muted font-size-sm">@if (!empty($client)) {{$client->country}} @endif</p>
                                                        <button class="btn btn-primary">Follow</button>
                                                        <button class="btn btn-outline-primary">Message</button> --}}
                                  </div>
                                </div>
                                <hr class="my-4" />

                              </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="card">
                            <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
                                @csrf


                                <input type="hidden" name="id" value="{{ $user->id ?? '' }}">

                                <div class="card-body">
                                    <!-- Full Name -->
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Full Name</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" class="form-control" name="first_name"
                                                value="{{ $user->first_name ?? '' }}" />
                                        </div>
                                    </div>

                                    <!-- Email -->
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Email</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="text" class="form-control" name="email"
                                                value="{{ $user->email ?? '' }}" />
                                        </div>
                                    </div>

                                    <!-- Image -->
                                    <div class="row mb-3">
                                        <div class="col-sm-3">
                                            <h6 class="mb-0">Image</h6>
                                        </div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="file" class="form-control" name="image" />
                                        </div>
                                    </div>

                                    <!-- Submit Button -->
                                    <div class="row">
                                        <div class="col-sm-3"></div>
                                        <div class="col-sm-9 text-secondary">
                                            <input type="submit" class="btn btn-primary px-4" value="Update" />
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end page wrapper -->
@endsection
@section('script')
@endsection