@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="row mb-4">
        {{-- Rappels infos bien --}}
        <div class="col-4">
            <div class="card">
                <div class="card-header">
                    <h4 class="mt-0">Bien</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <p>Numéro de référence : {{ $bien->reference }}</p>
                            <p>Numéro de lot : {{ $bien->num_lot }}</p>
                            <p>Régime juridique : {{ $bien->regime_juridique }}</p>
                            <p>Type du bien : {{ $bien->type() }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="accordion">
                <div class="card">
                    <div class="card-header mb-3" id="headingOne">
                        <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            Informations du bien
                        </button>
                        </h5>
                    </div>
                    
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                        {{-- MAISON --}}
                        @if(!is_null($bien->maison_id))
                        <div class="card-body">
                            <p>Nombre de pièce : {{ $bien->maison->nbre_pieces }}</p>
                            <p>Nombre de chambres : {{ $bien->maison->nbre_chambres }}</p>
                            <p>Surface habitable : {{ $bien->maison->surface_habitable }} m²</p>
                            <p>Surface du séjour : {{ $bien->maison->surface_sejour }} m²</p>
                            <p>Surface du terrain : {{ $bien->maison->surface_terrain }} m²</p>
                            <p>Nombre de niveaux : {{ $bien->maison->nbre_niveaux }}</p>
                            <p>Année de construction : {{ $bien->maison->annee_construction }}</p>
                            <p>Catégorie : {{ $bien->maison->categorie() }}</p>
                            <p>Etat général : {{ $bien->maison->etat_general() }}</p>
                            <p>Etat interieur : {{ $bien->maison->etat_interieur() }}</p>
                            <p>Etat exterieur : {{ $bien->maison->etat_exterieur() }}</p>
                            <p>Nombre de salle de bain : {{ $bien->maison->nbre_salle_bain }}</p>
                            <p>Meublé : {{ $bien->maison->meuble() }}</p>
                        </div>
                        {{-- AGRICOL VITICOLE --}}
                        {{-- @elseif(!is_null($bien->agricole_viticole_id))
                        <div class="card-body">
                            <p>Superficie totale : {{ $bien->agricole_viticole->superficie_totale }} m²</p>
                        </div> --}}
                        {{-- APPARTEMENT --}}
                        @elseif(!is_null($bien->demeure_id))
                        <div class="card-body">
                            <p>Surface habitable : {{ $bien->demeure->surface_habitable }} m²</p>
                            <p>Surface du séjour : {{ $bien->demeure->surface_sejour }} m²</p>
                            <p>Nombre de pièce : {{ $bien->demeure->nbre_pieces }}</p>
                            <p>Nombre de chambre : {{ $bien->demeure->nbre_chambres }}</p>
                            <p>Catégorie : {{ $bien->demeure->categorie() }}</p>
                            <p>Description de la piscine : {{ $bien->demeure->description_piscine }}</p>
                        </div>
                        {{-- FORET --}}
                        @elseif(!is_null($bien->foret_id))
                        <div class="card-body">
                            <p>Superficie totale : {{ $bien->foret->superficie_totale }} m²</p>
                        </div>
                        {{-- IMMEUBLE --}}
                        @elseif(!is_null($bien->immeuble_id))
                        <div class="card-body">
                            <p>Surface totale : {{ $bien->immeuble->surface_totale }} m²</p>
                            <p>Surface cadastre : {{ $bien->immeuble->surface_cadastre }} m²</p>
                            <p>Année de construction : {{ $bien->immeuble->annee_construction }} m²</p>
                            <p>Nombre d'appartement : {{ $bien->immeuble->nbre_appartement }}</p>
                            <p>Nombre de niveau : {{ $bien->immeuble->nbre_niveau }}</p>
                            <p>Nombre de parking : {{ $bien->immeuble->nbre_parking }}</p>
                        </div>
                        {{-- LOCAL COMMERCIAL --}}
                        @elseif(!is_null($bien->local_commercial_id))
                        <div class="card-body">
                            <p>Nombre de lot : {{ $bien->local_commercial->nbre_lot }}</p>
                            <p>Numéro d'étage : {{ $bien->local_commercial->num_etage }}</p>
                            <p>Standing : {{ $bien->local_commercial->standing() }}</p>
                            <p>Ancienneté : {{ $bien->local_commercial->anciennete() }}</p>
                            <p>Zone économique : {{ $bien->local_commercial->zone_economique() }}</p>
                            <p>Surface utile : {{ $bien->local_commercial->surface_utile }} m²</p>
                            <p>Surface divisible : {{ $bien->local_commercial->surface_divisible }} m²</p>
                            <p>Surface minimum : {{ $bien->local_commercial->surface_minimum }} m²</p>
                            <p>Catégorie : {{ $bien->local_commercial->categorie() }}</p>
                        </div>
                        {{-- LOCAL INDUSTRIEL --}}
                        @elseif(!is_null($bien->local_industriel_id))
                        <div class="card-body">
                            <p>Standing : {{ $bien->local_industriel->standing() }}</p>
                            <p>Zone économique : {{ $bien->local_industriel->zone_economique() }}</p>
                            <p>Surface utile : {{ $bien->local_industriel->surface_utile }} m²</p>
                            <p>Surface totale : {{ $bien->local_industriel->surface_totale }} m²</p>
                            <p>Surface divisible : {{ $bien->local_industriel->surface_divisible }} m²</p>
                            <p>Surface minimum : {{ $bien->local_industriel->surface_minimum }} m²</p>
                            <p>Catégorie : {{ $bien->local_industriel->categorie() }}</p>
                        </div>
                        {{-- PARKING --}}
                        @elseif(!is_null($bien->parking_id))
                        <div class="card-body">
                            <p>Surface : {{ $bien->parking->surface }} m²</p>
                            <p>Type : {{ $bien->parking->type() }}</p>
                            <p>Etat général : {{ $bien->parking->etat_general() }}</p>
                            <p>Niveau : {{ $bien->parking->niveau() }}</p>
                        </div>
                        {{-- TERRAIN --}}
                        @elseif(!is_null($bien->terrain_id))
                        <div class="card-body">
                            <p>Surface du terrain : {{ $bien->terrain->surface_terrain }} m²</p>
                            <p>Catégorie : {{ $bien->terrain->categorie() }}</p>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        {{-- Rappels infos proprio --}}
        <div class="col-4">
            <div class="card">
                <div class="card-header">
                    <h4 class="mt-0">Propriétaire(s) et copropriétaire(s)</h4>
                </div>
                <div class="card-body">

                    <div class="row">
                        @if($bien->proprietaires()->exists())
                            @foreach($bien->proprietaires as $proprietaire)
                            <div class="col-10">
                                <p>{{ $proprietaire->civilite() }} {{ $proprietaire->nom }} {{ $proprietaire->prenom }}</p>
                            </div>
                            {{-- <div class="col-2">
                                <button type="button" class="btn-xs btn-danger float-right white">×</button>
                            </div> --}}
                            @endforeach
                        @else
                        <div class="col-12">
                            <p>Il n'y a pas de propriétaire</p>
                        </div>
                        @endif
                    </div>

                    <hr>

                    <form action="{{ route('bien.proprietaire.store', $bienId) }}" method="POST">
                        @csrf

                        <div class="row">
                            <div class="col-12">
                                <label for="">Mettre à jour les propriétaires du bien</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <p style="font-size: smaller"><a id="selectProprietaireClick" style="color: #6abee6; cursor: pointer;">Le client existe déjà</a> ou <a href="{{ route('proprietaire.create') }}">vous souhaitez l'ajouter</a></p>
                            </div>
                        </div>

                        <div class="row" id="selectProprietaire" style="display: none;">
                            <div class="col">
                                <select name="proprietaires[]" class="form-control" style="font-size: small;" multiple>
                                    @foreach($proprietaires as $proprietaire)
                                    <option value="{{ $proprietaire->id }}">{{ $proprietaire->civilite() }} {{ $proprietaire->nom }} {{ $proprietaire->prenom }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-4">
                                <button class="btn btn-primary btn-sm float-right" type="submit">Enregistrer</button>
                            </div>
                        </div>

                    </form>
                        
                </div>
            </div>
        </div>

        {{-- Rappels infos mandat --}}
        <div class="col-4">
            <div class="card">
                <div class="card-header">
                    <h4 class="mt-0">Informations du mandat</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <p>Mandat {{ $mandat->typeMandat() }}</p>
                            <p>Numéro de mandat : {{ $mandat->num_mandat }}</p>
                            <p>Date de mandat : {{ date('d/m/Y', strtotime($mandat->date_mandat)) }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Wysiwyg --}}
    @if ($bien->proprietaires()->exists())
    <form action="{{ route('vente.mandat.store',$bienId) }}" method="POST">
        @csrf
        <div class="row mb-4">
            <div class="col-12">
                <textarea id="summernote" name="wysiwyg" required>{{ old('wysiwyg',$bien->vente->wysiwyg) }}</textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <a class="btn btn-primary float-right ml-4" href="{{ route('home') }}">Voir plus tard</a>
                <button class="btn btn-primary float-right" type="submit">Faire signer le mandat</button>
            </div>
        </div>
    </form>
    @else
    <div class="row">
        <div class="col">
            <p>Vous devez ajouter un ou plusieurs propriétaires pour remplir le mandat</p>
        </div>
    </div>
    @endif

</div>

{{-- Select proprietaire caché --}}
<script>
    $("#selectProprietaireClick").click(function(){
        $("#selectProprietaire").show();
    });
</script>

@endsection