@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('buyer.dashboard') }}">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 Edit</li>
             </ol>
         </div>
     </div>
     <div class="col-sm-12">
      <div class="card card-topline-aqua">
         <div class="card-head">
            <header>Client Profile Edit</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
                              <h6 class="m-0">Edit Basic Info</h6>
                              <p class="mb-0 mt-0 small">Lorem ipsum dolor sit amet, consecteturs.
                              </p>
                              <div class="alert alert-danger alert-dismissible fade" role="alert" style="color:white">
                              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                 <span aria-hidden="true">&times;</span>
                              </button>
                              <strong>Error! </strong>
                              </div>
                           </div>
                           <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" value="{{ $data->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" value="{{ $data->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" value="{{ $data->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" value="{{ $data->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" value="{{ $data->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" value="{{ $data->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>
                                          </label>
                                          <div class="form-group">
                                             <select name="n_towns" class="form-control custom-select"  data-msg="Please select your gender." data-error-class="u-has-error" data-success-class="u-has-success">
                                                @foreach ($nearest as $towns )
                                                   <option value="{{ $towns->id }}">{{ $towns->name }}</option>
                                                @endforeach
                                             </select>
                                          </div>
                                       </div>
                                    </div>
                                    <!-- End Input -->
                                 </div>
                                 {{-- <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>
                                 <div class="col-sm-2 mb-2">
                                    <button type="submit" class="btn btn-theme btn-md pull-right">Update</button>
                                 </div>
                                 <!-- End Input -->
                              </div>
                           </div>
                        </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