@extends('layouts.app')
@section('title', 'Editer une propriété')
@section('content')
<div class="container">

    <div class="row justify-content-center">

        <div class="col-md-8">
            <div class="card my-5">
                <div class="card-header px-5">
                    <h3>Informations liées à la propriété {{ $property->name }}</h3>
                </div>


                <div class="card-body px-5 pt-3 pb-4">
                    <form method="POST" action="{{ route('property.update', $property) }}">
                        @csrf
                        @method('PUT')
                        <div class="mt-1">
                            <p for="name">Nom de la propriété
                                <input type="text" class="form-control" id="name" name="name" value="{{ $property->name }}">
                                @if ($errors->has('name'))
                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                @endif
                            </p>
                        </div>

                        <div class="mt-3">
                            <p for="region_id">Région:
                                <select name="region_id" id="region_id" class="form-control" required>
                                    @foreach ($regions as $region)
                                    <option value="{{ $region->id }}" {{ $property->region_id == $region->id ? 'selected' : '' }}>
                                        {{ $region->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </p>
                        </div>

                        <div class="mb-4">
                            <p for="sales_department">Département de Vente
                                <select class="form-control" id="sales_department" name="sales_department_id[]" multiple>
                                    @foreach ($salesDepartment as $department)
                                    <option value="{{ $department->id }}" {{ $property->salesDepartments->contains($department->id) ? 'selected' : '' }}>
                                        {{ $department->department_name }}
                                    </option>
                                    @endforeach
                                </select>
                            </p>
                        </div>

                        <button type="submit" class="btn btn-primary">Mettre à jour</button>
                    </form>
                </div>
            </div>


            <div class="card my-5">
                <div class="card-header px-5">
                    <h4>Fiche technique de {{ $property->name }}</h4>
                </div>
                <div class="card-body py-4 px-5">
                    @if($property->dataSheet)
                    <form action="{{ route('property.data_sheet.delete', ['property' => $property->id, 'dataSheetId' => $property->dataSheet->id]) }}" method="POST" class="d-inline">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger mb-1">Supprimer la fiche technique</button>
                    </form>
                    @endif
                    <a href="{{ route('property.data_sheet.createOrEdit', $property->id) }}" class="btn btn-primary mb-1">
                        @if(!$property->dataSheet)
                        Créer
                        @else
                        Modifier
                        @endif
                        la fiche technique
                    </a>
                </div>
            </div>

            <div class="card my-5">
                <div class="card-header px-5">
                    <h4>Tarifs de {{ $property->name }}</h4>
                </div>
                <div class="card-body py-4 px-5">


                    <a href="{{ route('property.price_sheet.createOrEdit', $property->id) }}" class="btn btn-primary">
                        Gérer les tarifs
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection