@extends('admin.layouts.master')
@section('title', 'Edit Profile')
@section('content')
<style type="text/css">
.profileimage{
   height: 146px;
   width: 152px;
   object-fit: fill;
   }
.uploadbtn{
  margin-left: -8px !important;
}
</style>
<div class="page-content-wrapper">
   <div class="page-content">
      <div class="page-bar">
         <div class="page-title-breadcrumb">
             <div class=" pull-left">
                 <div class="page-title"></div>
             </div>
             <ol class="breadcrumb page-breadcrumb pull-right">
                 <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ route('admin.deshbord') }}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                 </li>
                 {{-- <li><a class="parent-item" href="">UI Elements</a>&nbsp;<i class="fa fa-angle-right"></i> --}}
                 </li>
                 <li class="active">Client Profile</li>
             </ol>
         </div>
     </div>
     <div class="col-sm-12">
      <div class="card card-topline-aqua">
         <div class="card-head">
            <header>Client Profile</header>
            <div class="tools">
               <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
               <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
               <a class="t-close btn-color fa fa-times" href="javascript:;"></a>
            </div>
         </div>
         <div class="card-body ">
            <div class="py-4">
               <div class="">
               <form method="POST" action="{{ route('edit.admin.buyer.profile') }}" enctype='multipart/form-data'>
                  @csrf
                  <div class="row">
                     <main class="col-md-12">
                        <div class="border bg-white mb-3">
                           <div class="box-title border-bottom p-3">
                              @if(Session::has('message'))
                              <div class="alert alert-primary" role="alert">
                                 {{ Session::get('message') }}
                               </div>
                              @endif
                           <div class="color-border-bottom-edit"></div>
                           <div class="box-body p-3">
                              <form class="js-validate" novalidate="novalidate">
                                 <div class="row">
                                    <!-- Input -->
                                       <input type="hidden" name="user_id" disabled value="{{ $client->id }}">
                                    <div class="col-sm-12 mb-4">
                                       <div class="js-form-message">
                                          <label id="nameLabel" class="form-label">
                                          Full Name
                                          <span class="text-danger">*</span>
                                          </label>
                                          <div class="form-group">
                                             <input type="text" class="form-control" name="full_name" disabled value="{{ $client->full_name }}" placeholder="Enter your name" aria-label="Enter your name"  aria-describedby="nameLabel" data-msg="Please enter your name." data-error-class="u-has-error" data-success-class="u-has-success">
                                            <p class="text-danger">@error('full_name') {{$message}} @enderror</p>
                                          </div>
                                       </div>
                                    </div>
                                    <!-- End Input -->
                                 </div>
                                 <div class="row">
                                    <!-- Input -->
                                    <div class="col-sm-12 mb-4">
                                       <div class="js-form-message">
                                          <label id="addressLabel" class="form-label">
                                          Address
                                          <span class="text-danger">*</span>
                                          </label>
                                          <div class="form-group">
                                             <input type="text" class="form-control" name="address" disabled value="{{ $client->address }}" placeholder="Enter your name" aria-label="Enter your name" aria-describedby="nameLabel" data-msg="Please enter your name." data-error-class="u-has-error" data-success-class="u-has-success">
                                            <p class="text-danger">@error('address') {{$message}} @enderror</p>

                                          </div>
                                       </div>
                                    </div>
                                    <!-- End Input -->
                                 </div>
                                 <div class="row">
                                    <!-- Input -->
                                    <div class="col-sm-6 mb-2">
                                       <div class="js-form-message">
                                          <label id="emailLabel" class="form-label">
                                          Email address
                                          <span class="text-danger">*</span>
                                          </label>
                                          <div class="form-group">
                                             <input type="email" class="form-control" name="email" disabled value="{{ $client->email }}" placeholder="Enter your email address" aria-label="Enter your email address"  aria-describedby="emailLabel" data-msg="Please enter a valid email address." data-error-class="u-has-error" data-success-class="u-has-success" readonly>
                                                <p class="text-danger">@error('email') {{$message}} @enderror</p>

                                          </div>
                                       </div>
                                    </div>
                                    <!-- End Input -->
                                    <!-- Input -->
                                    <div class="col-sm-6 mb-2">
                                       <div class="js-form-message">
                                          <label id="phoneNumberLabel" class="form-label">
                                          Phone number
                                          <span class="text-danger">*</span>
                                          </label>
                                          <div class="form-group">
                                             
                                             <input class="form-control" type="tel" name="phone_number" disabled value="{{ $client->phone_number }}" placeholder="Enter your phone number" aria-label="Enter your phone number"  aria-describedby="phoneNumberLabel" data-msg="Please enter a valid phone number" data-error-class="u-has-error" data-success-class="u-has-success">
                                            <p class="text-danger">@error('phone_number') {{$message}} @enderror</p>

                                          </div>
                                       </div>

                                    </div>
                                    <!-- End Input -->
                                 </div>
                                 {{-- <label class="form-label">
                                 Birth date
                                 <span class="text-danger">*</span>
                                 </label> --}}
                                 <div class="row">
                                    <!-- Input -->
                                    {{-- <div class="col-md-6 mb-3 mb-sm-6">
                                       <div class="js-form-message">
                                          <div class="form-group">
                                             <input type="date" name="date_birth" disabled value="{{ $client->birth_date }}">
                                        <p class="text-danger">@error('date_birth') {{$message}} @enderror</p>

                                          </div>
                                       </div>
                                    </div> --}}
                                    <!-- End Input -->
                                    

                                 </div>
                                 <div class="row">
                                    <!-- Input -->
                                    {{-- <div class="col-sm-6 mb-2">
                                       <div class="js-form-message">
                                          <label id="nearestTownLabel" class="form-label">
                                          Nearest Town :<span class="text-danger">*</span> @if($client->towns) {{ $client->towns->name }} @endif
                                          </label>
                                       </div>
                                    </div> --}}
                                    <!-- End Input -->
                                 </div>
                                 @if($client->UserDetails)
                                    <div class="row">
                                       <!-- Input -->
                                       <div class="col-sm-6 mb-2">
                                          <div class="js-form-message">
                                             <label id="nearestTownLabel" class="form-label">
                                                How did you hear about us :<span class="text-danger">*</span> @if($client->UserDetails) @if($client->UserDetails->heard_about){{ $client->UserDetails->heard_about }} @endif @endif
                                             </label>
                                          </div>
                                       </div>
                                       <div class="col-sm-6 mb-2">
                                          <div class="js-form-message">
                                             <label id="nearestTownLabel" class="form-label">
                                             Recommender Name :<span class="text-danger">*</span> @if($client->UserDetails) @if($client->UserDetails->recommender_name){{ $client->UserDetails->recommender_name }} @endif @endif
                                             </label>
                                          </div>
                                       </div>

                                       
                                       <div class="col-sm-6 mb-2">
                                          <div class="js-form-message">
                                             <label id="nearestTownLabel" class="form-label">
                                             Recommender Email :<span class="text-danger">*</span> @if($client->UserDetails) @if($client->UserDetails->recommender_email){{ $client->UserDetails->recommender_email }} @endif @endif
                                             </label>
                                          </div>
                                       </div>
                                       <div class="col-sm-6 mb-2">
                                          <div class="js-form-message">
                                             <label id="nearestTownLabel" class="form-label">
                                             Recommender Number :<span class="text-danger">*</span> @if($client->UserDetails) @if($client->UserDetails->recommender_number){{ $client->UserDetails->recommender_number }} @endif @endif
                                             </label>
                                          </div>
                                       </div>


                                       <!-- End Input -->
                                    </div>
                                 @endif

                                 
                                 {{-- <hr>
                                    <div class="row">
                                    <div class="col-sm-10 mb-6">
                                    </div>
                                    <div class="col-sm-2 mb-2">
                                       <button type="button" class="btn btn-primary btn-sm">ADD NEW <i class="feather-plus"></i></button>
                                    </div>
                                    <!-- End Input -->
                                 </div> --}}
                              </form>
                           </div>
                        </div>
            
                           {{-- <div class="border bg-white mb-3">
                           <div class="box-body px-3 pt-3 pb-0">
                              <div class="row">
                                 <div class="col-sm-10 mb-6">
                                 </div> --}}

                                 <!-- End Input -->
                              {{-- </div>
                           </div>
                        </div>  --}}
                        <div class="card-head">
                            <header>Service Requests</header>
                            
                           <ul>
                              @foreach ($client->job as $jobshow )
                                 <li>{{ $jobshow->title }}</li>
                              @endforeach
                           </ul>
                        </div>

                        <div class="card-head">
                            <header>Photo ID</header>
                            
                           <ul>
                           @foreach($client->Proof as $photoId)
                           <li><img src="{{ asset('/proof/'.$photoId->file_name) }}" width="250px" height="150px" alt="{{ $photoId->file_name }}" /></li>
                           @endforeach
                           </ul>
                        </div>
                        
                     </main>
                  </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
{{-- <div class="w-100 bg-white">
   <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="{{route('buyer.dashboard')}}"><i class="feather-home"></i></a></li>
         <li class="breadcrumb-item"> 
            <a href="{{route('buyer.profile')}}">Profile</a>
            </li> 
         <li class="breadcrumb-item" aria-current="page">Edit User Profile</li>
      </ol>
   </nav>
</div> --}}

   </div>
</div>
@endsection
@section('scripts')

@endsection