@extends('layout', ['page' => 'dashboard'])

@section('content')
   @if(isset($breadcrumb) && !empty($breadcrumb))
      @include('partials._breadcrumb-title', ['breadcrumb' => $breadcrumb])
   @endif

   <section class="">
      <div class="container my-4">
         <div class="row d-flex justify-content-center">
            <div class="col-md-12 p-3 py-4 shadow rounded">
               <div class="text-center">
                  @if(!empty($franchisee->photo))
                     <img src="{{ asset('storage/' . $franchisee->photo) }}" width="100" class="rounded-circle" />
                  @else
                     <img src="{{ asset('assets/images/franchisee-avatar.jpeg') }}" width="100" height="100" class="rounded-circle">
                  @endif
               </div>
               <div class="text-center mt-3">
                  <h5 class="mt-2 mb-0 text-capitalize">{{ $franchisee->name }}</h5>
                  <div class="row mt-3">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Current Balance</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0 text-capitalize">
                           <i class="fa fa-inr" aria-hidden="true"></i>
                           <span class="text-success">{{ auth()->user()->balance ?? 0 }}</span>
                           <button class="btn btn-primary btn-sm m-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#depositAmountOffcanvasRight" aria-controls="depositAmountOffcanvasRight">Add Money</button>
                        </p>
                     </div>
                  </div>
                  <hr>
                  <div class="row mt-3">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Director's Name</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0 text-capitalize">{{ $franchisee?->director_name ?? '' }}</p>
                     </div>
                  </div>
                  <hr>
                  <div class="row">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Established Date</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0">{{ $franchisee->established_date->format('d-M-Y') ?? '' }}</p>
                     </div>
                  </div>
                  <hr>
                  <div class="row">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Contact No.</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0">{{ $franchisee?->mobile ?? ''}}</p>
                     </div>
                  </div>
                  <hr>
                  <div class="row">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Email ID</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0">{{ $franchisee?->email ?? ''}}</p>
                     </div>
                  </div>
                  <hr>
                  <div class="row">
                     <div class="col-sm-3">
                        <p class="mb-0"><strong>Address</strong></p>
                     </div>
                     <div class="col-sm-9">
                        <p class="text-muted mb-0 text-capitalize">{{ $franchisee->full_address }}</p>
                     </div>
                  </div>
                  <section class="w3-services-ab py-2 my-2" id="mission">
                     <div class="container py-lg-2 py-md-4">
                        <div class="w3-services-grids">
                           <div class="fea-gd-vv row">
                                 <div class="col-lg-4 col-md-6">
                                    <div class="float-lt feature-gd p-3">
                                       <div class="icon">
                                          <i class="fa fa-user-circle-o text-danger fs-2" aria-hidden="true"></i>

                                       </div>
                                       <div class="icon-info">
                                             <h5>Profile</h5>
                                             <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#moreDetailsModel">More Details</button>
                                       </div>
                                    </div>
                                 </div>
                                 <!-- <div class="col-lg-4 col-md-6 mt-md-0 mt-4">
                                    <div class="float-mid feature-gd p-3">
                                       <div class="icon">
                                             <i class="fa fa-inr text-danger fs-2" aria-hidden="true"></i>
                                       </div>
                                       <div class="icon-info">
                                             <h5>Deposit</h5>
                                             <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#depositAmountOffcanvasRight" aria-controls="depositAmountOffcanvasRight">Add Money</button>
                                       </div>
                                    </div>
                                 </div> -->
                                 <div class="col-lg-4 col-md-4 mt-md-0 mt-4">
                                    <div class="float-mid feature-gd p-3">
                                       <div class="icon">
                                             <i class="fa fa-users text-danger fs-2" aria-hidden="true"></i>
                                       </div>
                                       <div class="icon-info">
                                             <h5>Students</h5>
                                             <a href="{{ route('user.student') }}" class="text-decoration-none">
                                             <button class="btn btn-primary px-4 ms-3">Show All</button>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-4 col-md-6 mt-md-0 mt-4">
                                    <div class="float-mid feature-gd p-3">
                                       <div class="icon">
                                             <i class="fa fa-check-square-o text-danger fs-2" aria-hidden="true"></i>
                                       </div>
                                       <div class="icon-info">
                                             <h5>Certificate Verification</h5>
                                             <a href="{{ route('certificate_verification') }}" class="text-decoration-none">
                                             <button class="btn btn-primary px-4 ms-3">Check Now</button>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                           </div>
                        </div>
                     </div>
                  </section>
               </div>
            </div>
         </div>
      </div>
   </section>

   <!-- Modal for More Details -->
   <div class="modal fade" id="moreDetailsModel" tabindex="-1" aria-labelledby="moreDetailsModelLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
         <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="moreDetailsModelLabel">Franchisee Information</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
               <div class="row">
                  <div class="col-md-12">
                     <div class="py-4">
                        <div class="text-center mt-3">
                           <div class="row mt-3">
                              <div class="col-sm-3">
                                 <p class="mb-0"><strong>Banner Photo</strong></p>
                              </div>
                              <div class="col-sm-9">
                                 @if(!empty($franchisee->banner_photo))
                                    <img src="{{ asset('storage/' . $franchisee->banner_photo) }}" width="100" class="rounded-circle"  />
                                 @else
                                    <img src="https://i.imgur.com/bDLhJiP.jpg" width="100" class="rounded-circle">
                                 @endif
                              </div>
                           </div>

                           @if(!empty($franchisee->documents))
                              @if (isset($franchisee->documents['type']) && !empty($franchisee->documents['type']))
                              <hr>
                              <div class="row">
                                 <div class="col-sm-3">
                                    <p class="mb-0"><strong>Document Type: </strong></p>
                                 </div>
                                 <div class="col-sm-9">
                                    <p class="text-muted mb-0 mx-3 text-capitalize">{{ $franchisee->documents['type'] ?? ''}}</p>
                                 </div>
                              </div>
                              @endif
                              @if (isset($franchisee->documents['files']) && is_array($franchisee->documents['files']) && !empty($franchisee->documents['files']))
                                 <hr>
                                 <div class="row">
                                    <div class="col-sm-3">
                                       <p class="mb-0"><strong>Document Images </strong></p>
                                    </div>
                                    <div class="col-sm-9 mx-2">
                                       @foreach ($franchisee->documents['files'] as $file)
                                       <a href="{{ asset('storage/' . $file) }}" target="_blank"><img src="{{ asset('storage/' . $file) }}" width="60" height="60" class="m-1"></a>
                                       @endforeach
                                    </div>
                                 </div>
                              @endif
                           @endif
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
            </div>
         </div>
      </div>
   </div>

   @if(!empty($upiAddress) && !empty($payeeName))
      @include('partials._payement', ['upiAddress' => $upiAddress, 'payeeName' => $payeeName])
   @endif

@endsection