@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="w-100">
            @if ($message = Session::get('success'))
                <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert">×</button>  
                    <small>{{ $message }}</small>
                </div>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-md-8">
            {{-- Informations bien + update --}}
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Modifier le bien</h4>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{route('bien.update',$bien->id)}}">
                            @csrf
                            <div class="row">
                                <div class="col-md-4 ">
                                    <div class="form-group">
                                        <label>Référence</label>
                                        <input type="number" name="reference" class="form-control" value="{{ old('reference',$bien->reference) }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Numéro de lot</label>
                                        <input type="number" name="num_lot" class="form-control" value="{{ old('num_lot',$bien->num_lot) }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Régime juridique</label>
                                        <input type="text" name="regime_juridique" class="form-control" value="{{ old('regime_juridique',$bien->regime_juridique) }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <button class="btn btn-primary float-right" type="submit">Enregistrer</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Informations type de bien + update --}}
            <div class="row">
                <div class="card">

                    <div class="card-header">
                        <h4 class="card-title">Modifier les informations</h4>
                        <h6 class="mt-2">{{ $bien->type() }}</h6>
                        <button href="#" class="btn btn-simple btn-link btn-icon mt-4">
                            <a href="{{ route('bien.type', $bien->id) }}" class="btn btn-primary">Ajouter le type du bien</a></td>
                        </button>
                    </div>

                    <div class="card-body">

                        {{-- Formulaire d'édition du type de bien --}}
                        

                    </div>

                </div>
            </div>

            {{-- Mandat --}}
            <div class="row">
            </div>

        </div>

        {{-- Biens --}}
        <div class="col-md-4">
            @if($bien->proprietaires()->exists())
                @foreach ($bien->proprietaires as $proprietaire)
                    <div class="card card-user">
                        <div class="card-image mb-3" style="background-color: #916AC8;">
                        </div>

                        <div class="card-body" style="min-height: 0px;">
                            <p class="description text-center">
                                {{ $proprietaire->civilite() }} {{ $proprietaire->nom }} {{ $proprietaire->prenom }}
                                <br>Référence : {{ $bien->reference }}
                                <br>Numéro de propriétaire : {{ $proprietaire->pro_num }}
                            </p>
                        </div>
                        <hr>
                        <div class="button-container mr-auto ml-auto">
                            <a href="{{ route('bien.edit', $bien->id) }}" class="btn btn-primary btn-sm">Détails</a></td>
                        </div>
                    </div> 
                @endforeach
            @else
            <h5 class="mt-4">Aucun propriétaire n'est associé à ce bien.</h5>
            <form action="{{ route('bien.proprietaire.store', $bien->id) }}" method="POST">
                @csrf

                <div class="row">
                    <div class="col-12">
                        <label for="">Ajouter des propriétaires :</label>
                    </div>
                </div>

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

                <div class="row" id="selectProprietaire" style="display: none;">
                    <div class="col-8">
                        <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="row">
                        <div class="col">
                            <button class="btn btn-primary btn-sm float-right" type="submit">Enregistrer</button>
                        </div>
                    </div>
                </div>

                

            </form>
            @endif
        </div>
    </div>
</div>

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

@endsection