@extends('layouts.app', ['page' => __('Cliente'), 'pageSlug' => 'customer', 'section' => 'menu'])

@section('content')

    <div class="row">
        <div class="col-md-12">
           <div class="card ">
                <div class="card-header">
                    <div class="row">
                        <div class="col-8">
                            <h2 class="card-title">{{ __('Hola')  }} {{ $customer->name }}</h2>
                        </div>
                        <div class="col-4 text-right">
                            <a href="{{ route('portal-customers.customers.editPassword',['customer' => $customer]) }}" class="btn btn-sm btn-gradient">{{ __('Cambiar contraseña') }}</a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <p>Nos complace tenerte con nosotros. Desde ahora, tendrás acceso directo a la gestión y seguimiento de tus inversiones inmobiliarias. Aquí podrás ver el estado de cuenta y avances de obra.</p>
                    <br/>
                    <p>Gracias por confiar en SEDE para el crecimiento de tu portafolio inmobiliario.</p>
                    <br/><br/>
                    <a href="#"><img src="/assets/img/revisa-nuestros-proyectos.png"></a>
                    <br/><br/><br/>
                    <h2>TUS INVERSIONES</h2>
                    <div class="d-flex flex-wrap justify-content-between align-items-start">
                        @foreach($customerWithUnits->customerUnits as $customerUnit)
                            <div class="card border-0 shadow-sm mt-4 mx-auto" style="width:30rem;margin-left: 0 !important;">
                                @if($customerUnit->typology->mainImage)
                                    <img class="card-img-top" src="/admin/storage/{{ $customerUnit->typology->mainImage }}">
                                @endif
                                <div class="card-body">
                                    <h3 class="card-title">Desarrollo: {{ $customerUnit->houseDevelopment->name }}</h3>
                                    <p class="card-text">Unidad: {{ $customerUnit->unit->name }}</p>
                                    <p class="card-text">Fecha de adquisición: {{ $customerUnit->created_at->translatedFormat('l, d F Y') }}</p>
                                    <br/>
                                    <a href="{{ route('portal-customers.customers.houseDevelopmentProgress',['customer' => $customer, 'houseDevelopment' => $customerUnit->houseDevelopment->id]) }}" class="btn btn-sm btn-gradient">{{ __('Avances de Obra') }}</a>
                                    <a href="{{ route('portal-customers.account-statement.index',['customer' => $customer, 'unit' => $customerUnit->unit->id ]) }}"class="btn btn-sm btn-gradient">{{ __('Estado de Cuenta') }}</a>
                                    <a href="#" class="btn btn-sm btn-gradient">{{ __('Documentos') }}</a>
                                </div>
                            </div>
                        @endforeach
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection