@extends('admin.layouts.master')
@section('title', 'Edit Profile')
@section('content')
<style>
.checked {
   color: orange;
   }
   </style>
<div class="page-content-wrapper">
   <div class="page-content">
      <main class="col-md-12">
         <div class="border bg-white mb-3">
            <div class="box-title border-bottom p-3">

               <h3 class="m-0 bold">Basic Info</h3>

               <p class="mb-0 mt-0 small"></p>
               <div class="alert alert-danger alert-dismissible fade" role="alert" hidden style="color:white">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                     <span aria-hidden="true">×</span>
                  </button>
                  <strong>Error! </strong>
               </div>
            </div>
            <div class="color-border-bottom-edit"></div>
            <div class="box-body p-3">

               <div class="row">
                  <!-- Input -->
                  <input type="hidden" name="id" value="">
                  <div class="col-sm-12 mb-4">
                     <div class="js-form-message">
                        <label id="nameLabel" class="form-label bold">
                           Full Name
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           <div class="text-truncate">{{$data->full_name}} </div>
                        </div>
                     </div>
                  </div>
                  <!-- End Input -->
               </div>
               <div class="row">
                  <!-- Input -->
                  <input type="hidden" name="id" value="">
                  <div class="col-sm-12 mb-4">
                     <div class="js-form-message">
                        <label id="address" class="form-label bold">
                           Address
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           <div class="text-truncate">{{$data->address}} </div>
                        </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 bold">
                           Email address
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           <div class="text-truncate">{{$data->email}} </div>
                        </div>
                     </div>
                  </div>
                  <!-- End Input -->
                  <!-- Input -->
                  <div class="col-sm-6 mb-2">
                     <div class="js-form-message">
                        <label id="phoneNumberLabel" class="form-label bold">
                           Phone number
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           <div class="text-truncate">{{$data->phone_number}} </div>
                        </div>
                     </div>
                  </div>
                  <!-- End Input -->
               </div>
               <div class="row">
                  <!-- Input -->
                  {{-- <div class="col-md-6 mb-3 mb-sm-6">
                     <div class="js-form-message">
                        <label class="form-label bold">
                           Birth date
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           <div class="text-truncate">{{$data->birth_date}} </div>
                        </div>
                     </div>
                  </div> --}}
                  <!-- Input -->
                  <div class="col-sm-6 mb-2">
                     <div class="js-form-message">
                        <label id="identifyproof" class="form-label bold">
                           Identify Proof
                           <span class="text-danger">*</span>
                        </label>
                        <div class="form-group">
                           {{-- <ul> --}}
                              <div class="row">
                                 <div class="col-md-3">
                                    @if($data->Proof)
                                    @foreach($data->Proof as $photoId)
                                    <img src="{{ asset('/proof/'.$photoId->file_name) }}" width="250px" height="150px" alt="{{ $photoId->file_name }}" />
                                    @endforeach
                                    @endif
                                 </div>
                              </div>
                             
                           {{-- </ul> --}}
                           {{-- <div class="text-truncate">{{$data->id_prof}} </div> --}}
                        </div>
                     </div>
                  </div>
                  <div class="col-sm-6 mb-2">
                     <div class="">
                        <li class="list-group-item">
                           <b>Rating</b> 
                           <br>
                           <a class="">
                               @if(count($totalRating)>0)
                                   @php
                                 //   dd($totalRating);
                                        $countRating = count($totalRating);
                                        $ratingCal = $ratingSum/$countRating;
                                        $rating = round($ratingCal);
                                        $staro = 5-$rating;
                                   @endphp
                                   @for ($x = 1; $x <= $rating; $x++)
                                   <span class="fa fa-star checked"></span>        
                                   @endfor
                                   @for ($x = 1; $x <= $staro; $x++)
                                   <span class="fa fa-star-o"></span>        
                                   @endfor
                               @else 
                               <span class="fa fa-star-o"></span>
                               <span class="fa fa-star-o"></span>
                               <span class="fa fa-star-o"></span>
                               <span class="fa fa-star-o"></span>
                               <span class="fa fa-star-o"></span>
                               @endif
                           </a>
                       </li>
                     </div>
                  </div>
                  <!-- End Input -->
               </div>

            </div>
         </div>


         {{-- <div class="border bg-white mb-3">
            <div class="box-title border-bottom p-3">
               <h3 class="m-0 bold">Qualification</h3>
               <p class="mb-0 mt-0 small">Tell about your work, job, and other qualification.</p>
            </div>
            <div class="color-border-bottom-edit"></div>
            <div class="box-body px-3 pt-3 pb-0">
               <div class="qualification-container">
                  <div class="qualification">
                     @foreach ($data->qualifications as $qualification )

                     <div class="qualification">
                        <div class="row">
                           <div class="form-group col-md-6">
                              <div class="text-truncate"><span class="bold">Major Subject :</span>
                                 {{$qualification->major}}</div>
                           </div>
                           <div class="form-group col-md-6">
                              <div class="text-truncate"><span class="bold">Institut Name :</span>
                                 {{$qualification->institution_name}}</div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="form-group col-md-6">
                              <div class="text-truncate"><span class="bold">Degree :</span> {{$qualification->degree}}
                              </div>
                           </div>
                           <div class="form-group col-md-6">
                              <div class="text-truncate"><span class="bold">Passing Year :</span>
                                 {{$qualification->passing_year}}</div>
                           </div>
                        </div>
                     </div>
                     @endforeach
                  </div>
               </div>
            </div>
         </div> --}}
         <div class="card">
            <div class="card-body no-padding height-9">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class=""><b>Client's Feedback</b></h3>
                    </div>
                    <div class="col-md-12">
                        @foreach ($feedbacks as $feedback)
                            @php
                                $job = \App\Models\job::where('id',$feedback->job_id)->first();
                                $clientid = $job->user_id;
                                $client = \App\Models\User::where('id',$clientid)->first();
                            @endphp
                            <p style="margin-bottom: 0"><b class="text-primary">{{$client->full_name}}</b></p>
                            @if($feedback->feedback == null)
                            <p>No Feedback from this client</p>
                            @else
                            <p>{{$feedback->feedback}}</p>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body no-padding height-9">
               <div class="row">
                  <div class="col-md-12">
                        <h3 class=""><b>Comment</b></h3>
                  </div>
                  <div class="col-md-12">
                        <p>{{$data->comment}}</p>
                  </div>
               </div>
            </div>
         </div>
         <div class="card-body no-padding height-9">
             {{-- <div class="row">
                 <div class="col-md-12">
                     <h3 ><b>Services</b></h3>
                 </div>
                 <div class="col-md-12">
                     <ul>
                     @if(!empty($services))
                         @foreach ($services as $service)
                             <li style="list-style: none">({{$loop->index+1}}) {{$service->title}}</li>
                         @endforeach
                     @else
                         <li style="list-style: none">no service</li>
                     @endif
                     </ul>
                 </div>
             </div> --}}
         </div>
         {{-- </div> --}}
         <div class="border bg-white mb-3">
            <div class="box-title border-bottom p-3">
               <h3 class="m-0 bold">Experience</h3>
               <p class="mb-0 mt-0 small">Tell about your work, job, and other experience.
               </p>
            </div>
            <div class="color-border-bottom-edit"></div>
            <div class="box-body px-3 pt-3 pb-0">
               <div class="experiance-container">
                  @foreach ($data->experiences as $exp )

                  <div class="experiance">
                     <div class="row">
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">Company Name :</span> {{$exp->company_name}}
                           </div>
                        </div>
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">Role :</span> {{$exp->role}}</div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="form-group col-md-12">
                           <div class="text-truncate"><span class="bold">Address :</span> {{$exp->address}}</div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">TO :</span> {{$exp->to}}</div>
                        </div>
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">From :</span> {{$exp->from}}</div>
                        </div>
                     </div>
                  </div>
                  @endforeach
               </div>
            </div>
         </div>

         <div class="border bg-white mb-3">
            <div class="box-title border-bottom p-3">
               <h3 class="m-0 bold">Certificates
               </h3>
               <p class="mb-0 mt-0 small">Tell about your work, job, and other certificates.
               </p>
            </div>
            <div class="color-border-bottom-edit"></div>
            <div class="box-body px-3 pt-3 pb-0">
               <div class="certificate-container">
                  @foreach ($data->certificates as $cer )

                  <div class="certificate">
                     <div class="row">
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">Course Name :</span> {{$cer->course_name}}
                           </div>
                        </div>
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">Institut Name :</span> {{$cer->institution}}
                           </div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">To :</span> {{$cer->institution_to}}</div>
                        </div>
                        <div class="form-group col-md-6">
                           <div class="text-truncate"><span class="bold">From :</span> {{$cer->institution_from}}</div>
                        </div>
                     </div>
                     <div class="row">
                        <div class="form-group col-md-12">
                           <div class="text-truncate">@if($cer->course_image ==null)
                              <img src="{{asset('assets/buyers_sellers/img/p13.png')}}" width="150px"
                                 alt="Responsive image" class="border">
                              @else
                              <img src="{{asset('Seller/Certificate/'.$cer->course_image)}}" width="150px"
                                 alt="Responsive image" class="border">
                              @endif
                           </div>
                        </div>
                     </div>
                  </div>
                  @endforeach
               </div>
            </div>
         </div>
         <div class="border bg-white mb-3">
            <div class="box-title border-bottom p-3">

               <h3 class="m-0 bold">Services</h3>

               <p class="mb-0 mt-0 small"></p>
               <div class="alert alert-danger alert-dismissible fade" role="alert" hidden style="color:white">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                     <span aria-hidden="true">×</span>
                  </button>
                  <strong>Error! </strong>
               </div>
            </div>
            <div class="color-border-bottom-edit"></div>
            <div class="box-body p-3">

               <div class="row">
                  <!-- Input -->
                  <input type="hidden" name="id" value="">
                  <div class="col-sm-12 mb-4">
                     <div class="js-form-message">
                        <label id="nameLabel" class="form-label bold">
                           Service Name
                        </label>
                        <div class="form-group">
                           @foreach ($data->service as $ser )
                              <div class="text-truncate">{{ $ser->title }} </div>
                           @endforeach
                        </div>
                     </div>
                  </div>
                  <!-- End Input -->
               </div>

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

@endsection