@extends('layout')

@section('content')
<nav class="breadcrumb">
    <a class="breadcrumb-item" href="/">Home</a>
    <a class="breadcrumb-item" href="/ventas">Ventas</a>
    <span class="breadcrumb-item active">Venta Manual N°{{ $datos->folio }}</span>
</nav>

<div class="card">
    <div class="card-body">
        <div class="row mb-5">
            <div class="col-sm-{{ $datos->referencia ? '4' : '6' }}">
                <div class="text-left">
                    <p>Cliente</p>

                    @if($datos->cliente)
                        <h4><a href="{{ url('clientes/detalle',$datos->cliente->id) }}">{{ $datos->cliente->nombre }}</a></h4>
                        {{ $datos->cliente->telefono ?? '' }}<br>
                        {{ $datos->cliente->email ?? '' }}
                    @else
                        <h4>Anonimo</h4>
                    @endif
                </div>
            </div>
            <div class="col-sm-{{ $datos->referencia ? '4' : '6' }}">
                <p>Tienda</p>
                <h4>{{ $datos->tienda->nombre }}</h4>
            </div>
            @if($datos->referencia)
            <div class="col-sm-4">
                <p>Referencia</p>
                <h4>N°{{ $datos->referencia }}</h4>
                <p>Comentario: {{ $datos->comentario ?? '--' }}</p>
            </div>
            @endif
        </div>

        <div class="row mb-3">
            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>N°</small>
                    <h3>{{ $datos->folio }}</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>Fecha</small>
                    <h3>{{ \Carbon\Carbon::parse($datos->fecha)->format('d/m/Y') }}</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                <div class="invoice__attrs__item">
                    <small>Hora</small>
                    <h3>{{ \Carbon\Carbon::parse($datos->fecha)->format('H:i') }} hrs</h3>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-3 mb-2">
                @if(!empty($datos->forma_pago))
                <div class="invoice__attrs__item bg-green">
                    <small class="text-white">Forma de pago</small>
                    <h5 class="text-uppercase text-white">{{ $datos->forma_pago->nombre}}</h5>
                </div>
                @else
                <div class="invoice__attrs__item bg-amber">
                    <small class="text-white">Forma de pago</small>
                    <h5 class="text-uppercase text-white">--</h5>
                </div>
                @endif
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-5">
                <thead>
                    <tr class="text-uppercase thead-light">
                        <th colspan="5">Detalle venta</th>
                    </tr>
                    <tr class="text-uppercase thead-light">
                        <th width="50%">ITEM</th>
                        <th width="10%" class="text-center">CANTIDAD</th>
                        <th width="20%" class="text-right">P. UNITARIO</th>
                        <th width="20%" class="text-right">SUBTOTAL</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($datos->productos as $p)
                    <tr>
                        <td>{{ $p->nombre }}</td>
                        <td class="text-center">{{ $p->cantidad }}</td>
                        <td class="text-right">${{ number_format($p->precio,0,'.','.') }}</td>
                        <td class="text-right">${{ number_format($p->precio * $p->cantidad,0,'.','.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="row justify-content-end">
            <div class="col-md-6">
                <table class="table table-bordered table-hover">
                    <tbody>
                        <tr>
                            <th colspan="3" class="text-right table-active">TOTAL</th>
                            <td class="text-right lead font-weight-bold text-cyan">${{ number_format($datos->monto,0,'.','.') }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


@if(!empty($datos->forma_pago) && $datos->forma_pago->id > 1)
<div class="card">
    <div class="card-header">
        <h4 class="card-title text-uppercase">
            Forma de pago - {{ ($datos->forma_pago->id == 3) ? 'Tarjeta' : $datos->forma_pago->nombre }}
        </h4>
    </div>
    <div class="card-body p-0">
        @if($datos->forma_pago->id == 5)
        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-0">
                <thead>
                    <tr class="text-uppercase">
                        <th>N°</th>
                        <th>TITULAR</th>
                        <th>BANCO</th>
                        <th>FECHA</th>
                        <th class="text-right">MONTO</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ $datos->transferencia->numero }}</td>
                        <td>{{ $datos->transferencia->titular }}</td>
                        <td>{{ $datos->transferencia->banco->nombre }}</td>
                        <td>{{ \Carbon\Carbon::parse($datos->transferencia->fecha)->format('d/m/Y') }}</td>
                        <td class="text-right lead text-cyan">${{ number_format($datos->transferencia->monto,0,'.','.') }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        @elseif($datos->forma_pago->id == 3)
        <div class="table-responsive">
            <table class="table table-bordered mb-0">
                <tbody>
                    <tr>
                        <th width="30%" class="table-light text-uppercase">Comprobante</th>
                        <td>{{ $datos->comprobante }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>
@endif

@endsection