@extends('layout.base')

@section('page_title')
    Cierre - Detalle
@endsection

@section('page_content')
    <div class="ui container">
        <div class="ui segment">
            <h2 class="ui blue header">Cierre {{$cierre->principal()->descripcion}} - {{$cierre->proyecto->descripcion}}</h2>
            <div class="ui basic segments">
                <div class="ui grid segment">
                    <div class="two wide column">
                        Fecha
                    </div>
                    <div class="two wide column">
                        {{$cierre->dateTime->format('d-m-Y')}}
                    </div>
                </div>
                <div class="ui inverted grey segment">PROPIETARIO</div>
                <div class="ui grid segment">
                    <div class="row">
                        <div class="two wide column">
                            {{$cierre->propietario->rut()}}
                        </div>
                        <div class="six wide column">
                            {{$cierre->propietario->nombreCompleto()}}
                        </div>
                    </div>
                    <div class="row">
                        <div class="column"></div>
                        <div class="fifteen wide column">
                            {{$cierre->propietario->datos->direccion}}
                        </div>
                    </div>
                </div>
                <div class="ui inverted grey segment">PROPIEDAD</div>
                <div class="ui segment">
                    <table class="ui very basic table">
                        <tbody>
                        @foreach ($cierre->unidades as $unidad)
                            <tr>
                                <td>{{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}</td>
                                <td>{{$unidad->descripcion}}</td>
                                <td>{{$unidad->proyectoTipoUnidad->nombre}}</td>
                                <td>{{$unidad->proyectoTipoUnidad->abreviacion}}</td>
                                <td>{{number_format($unidad->proyectoTipoUnidad->vendible(), 2, ',', '.')}} m²</td>
                                <td>{{number_format($unidad->currentPrecio->valor, 2, ',', '.')}} UF</td>
                                <td>{{number_format($unidad->currentPrecio->valor / $unidad->proyectoTipoUnidad->vendible(), 2, ',', '.')}} UF/m²</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="ui inverted grey segment">OFERTA</div>
                <div class="ui grid segment">
                    <div class="two wide column">
                        Precio
                    </div>
                    <div class="two wide column">
                        {{number_format($cierre->precio, 2, ',', '.')}} UF
                    </div>
                </div>
                <div class="ui grid segment">
                    <strong class="two wide column">
                        Neto
                    </strong>
                    <strong class="two wide column">
                        {{number_format($cierre->neto(), 2, ',', '.')}} UF
                    </strong>
                    <strong class="two wide column">
                        {{number_format($cierre->neto() / $cierre->principal()->vendible, 2, ',', '.')}} UF/m²
                    </strong>
                    <div class="column">
                        @if ($cierre->neto() / $cierre->principal()->vendible > $cierre->principal()->precio / $cierre->principal()->vendible)
                            <i class="green check icon"></i>
                        @else
                            <i class="red remove icon"></i>
                        @endif
                    </div>
                </div>
                @foreach($cierre->valoresCierre as $valorCierre)
                <div class="ui grid segment">
                    <div class="two wide column">{{ucwords($valorCierre->tipoValorCierre->descripcion)}}</div>
                    <div class="two wide column">{{number_format($valorCierre->valor, 2, ',', '.')}} UF</div>
                    <div class="two wide column">{{number_format($valorCierre->valor / $cierre->precio * 100, 2, ',', '.')}}%</div>
                </div>
                @endforeach
                <div class="ui inverted grey segment">DIFERENCIA</div>
                <div class="ui grid segment">
                    <div class="two wide column">Neto</div>
                    <div class="two wide column">
                        {{number_format($cierre->neto() - $cierre->principal()->precio, 2, ',', '.')}} UF
                    </div>
                </div>
                <div class="ui inverted grey segment">ESTADO</div>
                <div class="ui segment">
                    <div class="ui grid message {{['aprobado' => 'success', 'abandonado' => 'warning', 'promesado' => 'success'][$cierre->current->tipoEstadoCierre->descripcion]}}">
                        <div class="two wide column">
                            {{ucwords($cierre->current->tipoEstadoCierre->descripcion)}}
                        </div>
                        <div class="four wide column">
                            {{$cierre->current->fecha->format('d-m-Y')}}
                        </div>
                        <div class="right aligned ten wide column">
                            @if ($cierre->current->tipoEstadoCierre->descripcion === 'aprobado')
                                <button class="ui icon basic button" data-content="Promesar" id="promesar" data-id="{{$cierre->id}}">
                                    <i class="check icon"></i>
                                </button>
                                <button class="ui icon basic button" data-content="Abandonar" id="abandonar" data-id="{{$cierre->id}}">
                                    <i class="remove icon"></i>
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('page_scripts')
    <script type="text/javascript">
        function action(action, cierre_id) {
            const url = '{{$urls->base}}/api/cierre/' + cierre_id + '/' + action
            console.debug(url)
        }
        $(document).ready(() => {
            $('#promesar').popup().click(event => {
                const button = $(event.currentTarget)
                const id = button.data('id')
                action('promesar', id)
            })
            $('#abandonar').popup().click(event => {
                const button = $(event.currentTarget)
                const id = button.data('id')
                action('abandonar', id)
            })
        })
    </script>
@endpush