@extends('layouts.app')

@section('content')
<div class="container-fluid contents">
    

    <div class="card">
        <div class="card-header">
            <div class="d-flex">
                <div class="mr-auto">
                    <h4 class="">
                        <img src="{{ asset('images/Profile-Circle.svg') }}" width="50"> Profil
                        </h4>
                </div>
                <div class="p-2">
                    

                      <a href="{{ route('users.edit', Auth::user()) }}" class="btn btn-primary btn-sm">
                        Modifier
                    </a>
                </div>
        
            </div>


          
        </div>
        <div class="card-body">

            <div class="row">
                <div class="col-lg-8 col-md-8 col-12">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="pb-2">
                                <h5 class="h4-semibold">Entreprise</h5>
                                {{-- {{ dd($partenaire->partenaire_garants) }} --}}
                                <label class="label ">{{ ucfirst(strtolower($partenaire?->name)) }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            @if($partenaire?->info_partenaire?->houverture)
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Heure d'ouverture</h5>
                                    <label class="label ">{{ $partenaire?->info_partenaire?->houverture }}</label>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="pb-2">
                                <h5 class="h4-semibold">Secteur</h5>
                                <label class="label ">{{ $partenaire?->secteur }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            @if($partenaire?->info_partenaire?->hfermeture)
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Heure de fermeture</h5>
                                    <label class="label ">{{ $partenaire?->info_partenaire?->hfermeture }}</label>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="pb-2">
                                <h5 class="h4-semibold">Nom</h5>
                                <label class="label ">{{ ucfirst(strtolower($partenaire?->partenaire_garants?->nom)) }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Compte bancaire</h5>
                                    <label class="label ">
                                       @if($partenaire?->info_partenaire?->cb == "1")
                                       Oui
                                       @else
                                       Non
                                       @endif
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="pb-2">
                                <h5 class="h4-semibold">Prénom</h5>
                                <label class="label ">{{ ucfirst(strtolower($partenaire?->partenaire_garants?->prenom)) }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">

                            @if($partenaire?->info_partenaire?->cb == "1")
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Banque associée</h5>
                                    <label class="label ">
                                      {{$partenaire?->info_partenaire?->banque}}
                                    </label>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">

                            <div class="pb-2">
                                <h5 class="h4-semibold">E-mail</h5>
                                <label class="label ">{{ $partenaire?->partenaire_garants?->email }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Nom responsable</h5>
                                    <label class="label ">{{ $partenaire?->partenaire_garants?->nom }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
 
                            <div class="pb-2">
                                <h5 class="h4-semibold">Téléphone</h5>
                                <label class="label ">{{ $partenaire?->partenaire_garants?->phone }}</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="d-flex flex-row align-items-center mb-15">
                                <div class="flex-column">
                                    <h5 class="h4-semibold">Prénom responsable</h5>
                                    <label class="label ">{{ $partenaire?->partenaire_garants?->prenom }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                   
                </div>
               
        
              
        
                <div class="col-lg-4 col-md-4 col-12">
                    <div class="text-end mb-50"> 
                        <img src="{{ asset('images/uploads/'.$partenaire?->logo) }}" alt="{{ $partenaire?->name }}" width="200px">
                    </div>
        
                   
                    <br>
                    <div class="text-end mb-50">
                        <img src="{{ asset($partenaire->qrcode) }}" alt="{{ $partenaire->qrcod }}" width="200px">
                    </div>
                    <div class="text-end mb-50">
                        <button type="button" class="btn btn-primary" id="downloadQrCode">Télécharger Qr code</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection


@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>

    <script>
     var downloadButton = document.getElementById('downloadQrCode');

    downloadButton.addEventListener('click', function() {
        var link = document.createElement('a');
        link.href = "{{ asset($partenaire->qrcode) }}";
        link.download = "{{ $partenaire->qrcod }}";

        link.click();
    });
    </script>
@endpush