@extends('layouts.app', ['page' => __('Validación de pago'), 'pageSlug' => 'validatepayment', '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-6">
                            @if (!$existConciliation)
                                <span class="bw-card-title bw-card-text-bold">{{ __('Validar pago') }} </span>
                            @else
                                <span class="bw-card-title bw-card-text-bold">{{ __('Pago conciliado') }} </span>
                            @endif
                            <span class="bw-card-title-bold">
                                <i class="fa-solid fa-circle-right fa-lg" style="color: #aa9d64;"></i>
                            </span>
                        </div>
                        <div class="col-6 text-right">
                            <a href="{{ route('customers.pendingconciliation') }}" class="btn btn-sm btn-primary btn-gradient">
                                {{ __('Regresar') }}
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <h2>INFORMACIÓN GENERAL</h2>
                    <div class="row">
                        <div class="col-6">
                            <h4>Cliente: {{ $accountStatement->customer->name }}</h4>
                            <h4>Desarrollo: {{ $accountStatement->unit->typology->houseDevelopment->name }} / {{ $accountStatement->unit->typology->name }} / {{ $accountStatement->unit->name }}</h4>
                            <h4>Período: {{ $accountStatement->tipo_de_pago }}</h4>
                            @if (is_null($accountStatement->payment_date)) @else <h4>Fecha de subida del documento: {{ $accountStatement->payment_date->translatedFormat('d F Y') }}</h4> @endif 
                        </div>
                        <div class="col-6">
                            <h4>Nombre del documento: {{ $blueprint->name }}</h4>
                            <a target="_blank" href="{{ asset('storage/' . $blueprint->path) }}" class="btn btn-sm btn-primary btn-gradient">
                                {{ __('Ver documento') }}
                            </a>
                            
                            @if (!$existConciliation)
                                <a href="{{ route('customers.accountStatementConciliationIndex', ['customer' => $accountStatement->customer_id, 'unit' => $accountStatement->unit_id, 'accountStatement' => $accountStatement, 'blueprint' => $blueprint]) }}" class="btn btn-sm btn-primary btn-gradient">
                                    {{ __('Conciliar pago') }}
                                </a>
                            @else
                                <a href="{{ route('customers.showreceipt', ['customer' => $accountStatement->customer_id, 'unit' => $accountStatement->unit_id, 'accountStatement' => $accountStatement, 'blueprint' => $blueprint]) }}" class="btn btn-sm btn-primary btn-gradient">
                                    {{ __('Ver recibo') }}
                                </a>
                            @endif

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

@endsection