@extends('layouts.app', ['page' => __('Mi Departamento'), 'pageSlug' => 'myapartment', 'section' => 'menu'])

@section('content')

<div class="row">
    <div class="col-12">
       <div class="card">
            <div class="card-header">
                <div class="row" style="border-bottom:2px solid #343434;height: 42px;"></div>
                <div class="row">
                    <div class="col-12 py-3">
                        <h1>{{ __('Mi Departamento') }}</h1>
                    </div>
                </div>
            </div>

            <div class="card-body bg-white p-3 p-md-4">
                <div class="row mb-4">
                    <div class="col-12 col-md-6 mb-4 mb-md-0 text-center">
                        @if($unit->images->first())
                            <img class="img-fluid rounded" src="{{ Storage::url($unit->images->first()->path) }}" alt="Imagen del departamento">
                        @else
                            <h5 class="card-text">{{ __('No hay imágenes disponibles para el departamento') }}</h5>
                        @endif

                        <div class="mt-3">
                            @if($unit->blueprints->first())
                                @foreach($unit->blueprints as $blueprint)
                                    <a target="_blank" href="/admin/storage/{{ $blueprint->path }}" class="btn btn-sm btn-gradient mb-2 me-2">{{ __('Descargar Plano PDF') }}</a>
                                @endforeach
                            @else
                                <h5 class="card-text mt-3">{{ __('No hay planos disponibles para el departamento') }}</h5>
                            @endif
                        </div>
                    </div>

                    <div class="col-12 col-md-6">
                        <div class="row">
                            <div class="col-6 col-sm-5 fw-semibold text-secondary">
                                <h5>{{ __('Fecha de entrega:') }}</h5>
                                <h5>{{ __('Desarrollo:') }}</h5>
                                <h5>{{ __('Tipología:') }}</h5>
                                <h5>{{ __('Departamento:') }}</h5>
                                <h5>{{ __('Nivel:') }}</h5>
                                <h5>{{ __('Área Interior:') }}</h5>
                                <h5>{{ __('Área Exterior:') }}</h5>
                            </div>
                            <div class="col-6 col-sm-7">
                                <h5>{{ $unit->typology->houseDevelopment->delivery_date }}</h5>
                                <h5>{{ $unit->typology->houseDevelopment->name }}</h5>
                                <h5>{{ $unit->typology->name }}</h5>
                                <h5>{{ $unit->name }}</h5>
                                <h5>{{ $unit->levels }}</h5>
                                @if($unit->has_own_measurement)
                                    <h5>{{ $unit->construction_meters }}</h5>
                                    <h5>{{ $unit->meters_of_free_area }}</h5>
                                @else
                                    <h5>{{ $unit->typology->construction_meters }}</h5>
                                    <h5>{{ $unit->typology->meters_of_free_area }}</h5>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection