@extends('default.master')

@section('title', $client->name)

@section('main')
    @include('default.navbar')
    <div class="container-fluid p-5 mt-5">

        <div class="row">
            <div class="col-lg-4 col-md-12 col-sm-12 mb-3">
                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        Informations générales
                        <a class="link link-primary" data-bs-toggle="modal" data-bs-target="#modalEditClient">
                            <i class="fa-sharp fa-solid fa-user-pen"></i>
                        </a>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><b>nom :</b> {{ ucfirst($client->name) }}</li>
                        <li class="list-group-item"><b>adresse :</b> {{ ucfirst($client->address) }}</li>
                        @isset($client->email)
                            <li class="list-group-item"><b>adresse email :</b> {{ strtolower($client->email) }}</li>
                        @endisset
                        @if($client->professional)
                            <li class="list-group-item"><b>siret :</b> {{$client->siret}}</li>
                            <li class="list-group-item"><b>numéro TVA :</b> {{$client->tva}}</li>
                            <li class="list-group-item"><b>type :</b> professionnel</li>
                        @else
                            <li class="list-group-item"><b>type :</b> particulier</li>
                        @endif
                    </ul>
                </div>
            </div>

            <div class="col-lg-8 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <ul class="nav nav-tabs card-header-tabs">
                            <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                                    aria-selected="true">Factures
                            </button>
                            <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                                    aria-selected="false">Devis
                            </button>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                                 aria-labelledby="nav-home-tab" tabindex="0">
                                <ul class="list-group">
                                    @forelse($client->invoices as $invoice)
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            <div>
                                                <b>{{$invoice->title}}</b>
                                                ({{date('d/m/Y', strtotime($invoice->date))}})
                                            </div>
                                            <div class="btn-group">
                                                <a class="btn btn-success"
                                                   href="{{route('invoice.download', ['id' => $invoice->id])}}">
                                                    <i class="fa-solid fa-download"></i>
                                                </a>
                                                @if($lastInvoiceID == $invoice->id)
                                                    <a class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalDeleteInvoice">
                                                        <i class="fa-solid fa-trash"></i>
                                                    </a>
                                                @endif
                                            </div>
                                        </li>
                                    @empty
                                        <li class="list-group-item">aucune facture pour ce client</li>
                                    @endforelse
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="nav-profile" role="tabpanel"
                                 aria-labelledby="nav-profile-tab" tabindex="0">
                                <ul class="list-group">
                                    @forelse($client->quotes as $quote)
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            <div>
                                                <b>{{$quote->title}}</b>
                                                ({{date('d/m/Y', strtotime($quote->date))}})
                                            </div>
                                            <div class="btn-group">
                                                <a class="btn btn-success"
                                                   href="{{route('quote.download', ['id' => $quote->id])}}">
                                                    <i class="fa-solid fa-download"></i>
                                                </a>
                                            </div>
                                        </li>
                                    @empty
                                        <li class="list-group-item">aucun devis pour ce client</li>
                                    @endforelse
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Edit Client -->
    <div class="modal fade" id="modalEditClient" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalEditClientLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form class="modal-content" method="post" action="{{route('client.update', ['id' => $client->id])}}">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="modalEditClientLabel">Modifier le client</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="nameClient" name="name" placeholder="Nom du client"
                               value="{{ ucfirst($client->name) }}">
                        <label for="nameClient">Nom du client</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="addressClient" name="address"
                               placeholder="Adresse du client" value="{{ ucfirst($client->address) }}">
                        <label for="addressClient">Adresse du client</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" id="emailClient" name="email"
                               placeholder="Email" value="{{ strtolower($client->email) }}">
                        <label for="emailClient">Email</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">annuler</button>
                    <button type="submit" class="btn btn-primary">modifier</button>
                </div>
            </form>
        </div>
    </div>

    <div class="modal fade" id="modalDeleteInvoice" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalDeleteInvoiceLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Veux tu vraiment supprimer cette facture ?</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <a type="button" href="{{route('invoice.delete', ['id'=>$lastInvoiceID])}}" class="btn btn-danger">Supprimer</a>
                </div>
            </div>
        </div>
    </div>

@endsection