@extends('web.secciones.layout')
@section('titulo', 'Factura - ' . config('app.name'))


@section('head')
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #000;
            font-size: 12pt;
        }

        * {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .page {
            width: 21cm;
            min-height: 29.7cm;
            padding: 2cm;
            margin: 1cm auto;
            border: 1px #D3D3D3 solid;
            border-radius: 5px;
            background: white;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }

        .subpage {
            padding: 0cm;
            border: 0px red solid;
            height: 256mm;
            outline: 2cm #fff solid;
        }

        @page {
            size: A4;
            margin: 0;
        }

        @media print {
            .page {
                margin: 0;
                border: initial;
                border-radius: initial;
                width: initial;
                min-height: initial;
                box-shadow: initial;
                background: initial;
                page-break-after: always;
            }
        }
    </style>
@endsection

@section('bodytags', '')

@section('contenido')
    <div class="book">
        <div class="page">
            <div class="subpage">

                {{-- LOGO Y TITULO FACTURA --}}
                <table class="w-100">
                    <tr>
                        <td><img src="{{ asset('web/images/logo.png') }}" alt="logo" width="160"></td>
                        <td class="text-right theme-link m-0" style="font-size: 2.3rem">
                            @if ($factura->quiere_factura)
                                FACTURA
                            @else
                                RECIBO
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="text-right" style="">#{{ str_pad($factura->numero_factura, 5, '0', STR_PAD_LEFT) }}
                        </td>
                    </tr>
                </table>


                {{-- SI QUIERE FACTURA MUESTRA DATOS DE EMPRESA --}}
                @if ($factura->quiere_factura)
                    <table class="w-100">
                        <tr>
                            <td class="text-left">
                                <h3 class="theme-link m-0">DE</h3>
                                <ul class="pl-0">
                                    <li>RUC: 1719395962001</li>
                                    <li>C/El Arenal 380 OE-10</li>
                                    <li>Quito, Calderón - Ecuador</li>
                                    <li>+34 643395240</li>

                                </ul>
                            </td>
                            <td></td>
                        </tr>
                    </table>
                @endif

                {{-- MUESTRA DATOS DEL CLIENTE --}}
                <table class="w-100">
                    <tr>
                        <td class="align-top">
                            <h3 class="theme-link m-0">

                                @if ($factura->quiere_factura)
                                    FACTURAR A
                                @else
                                    RECIBO A
                                @endif
                            </h3>

                            <ul class="pl-0">
                                {{-- SI QUIERE FACTURA MUESTRA DATOS DEL CLIENTE --}}
                                @if ($factura->quiere_factura)
                                    <li>{{ $factura->nombre }}</li>
                                    <li>{{ $factura->direccion }}</li>
                                    <li>{{ $factura->email }}</li>
                                    <li>{{ $factura->telefono }}</li>
                                    <li>{{ $factura->ruc }}</li>
                                @else
                                    {{-- SI NO QUIERE FACTURA NOMBRE Y EMAIL PARA EL RECIBO --}}
                                    <li>{{ $factura->usuario->nombre }}</li>
                                    <li>{{ $factura->usuario->email }}</li>
                                @endif
                            </ul>
                        </td>
                        <td class="align-top">
                            <ul class="text-right">
                                <li class=""><strong>Nº Cliente: </strong>{{ $factura->de_usuario }}</li>
                                <li class=""><strong>Nº Pedido: </strong>{{ $factura->id }}</li>
                                <li class=""><strong>Nº @if ($factura->quiere_factura)
                                            Factura
                                        @else
                                            Recibo
                                        @endif:
                                    </strong>{{ str_pad($factura->numero_factura, 5, '0', STR_PAD_LEFT) }}</li>

                                <li class=""><strong>Fecha Emision:
                                    </strong>{{ \Carbon\Carbon::parse($factura->fecha_emision)->format('d/m/Y') }}</li>
                                <li class=""><strong>Fecha Vencimiento:
                                    </strong>{{ \Carbon\Carbon::parse($factura->fecha_emision)->addMonths(1)->format('d/m/Y') }}
                                </li>
                            </ul>

                        </td>
                    </tr>

                </table>

                <table id="lista" class="table" style="width:100%">
                    <thead>
                        <tr class="text-uppercase">
                            <th>Plan</th>
                            <th class="text-center">Tipo</th>
                            <th class="text-center">Meses</th>
                            <th class="text-center">PVP/Mes</th>
                            <th class="text-center">Subtotal</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="text-capitalize">{{ $factura->detalle['suscripcion'] }}</td>
                            <td class="text-center text-capitalize">{{ $factura->detalle['periodo'] }}</td>
                            <td class="text-center">{{ $factura->detalle['meses'] }}</td>
                            <td class="text-center">${{ number_format($factura->detalle['precio_mes'], 2) }}</td>
                            <td class="text-center">
                                ${{ number_format($factura->detalle['meses'] * $factura->detalle['precio_mes'], 2) }}
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3"></td>
                            <td class="text-right"><strong>OFERTA @if ($factura->detalle['oferta'])
                                        -{{ number_format($factura->detalle['oferta'], 0) }}%
                                    @endif
                                </strong></td>
                            <td class="text-center">
                                @if ($factura->detalle['oferta'])
                                    @php
                                        $precio_sin_oferta = $factura->detalle['meses'] * $factura->detalle['precio_mes'];
                                        
                                        $oferta = ($precio_sin_oferta * $factura->detalle['oferta']) / 100;
                                    @endphp
                                    -${{ number_format($oferta, 2) }}
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="border-top-0" colspan="3"></td>
                            <td class="border-top-0 text-right"><strong>IVA</strong></td>
                            <td class="border-top-0 text-center">
                                ${{ number_format(($factura->monto_total * 12) / 100, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="border-top-0" colspan="3"></td>
                            <td class="border-top-0 text-right"><strong>TOTAL</strong></td>
                            <td class="border-top-0 text-center">
                                <strong>${{ number_format($factura->monto_total, 2) }}</strong>
                            </td>
                        </tr>
                    </tbody>

                </table>

                {{-- INFORMACION DE LA SUSCRIPCION Y DEL METODO DE PAGO --}}
                <table class="w-100 border-top mt-4">
                    <tr>
                        <td class="pt-4 align-top">

                            <h3 class="theme-link m-0">SUSCRIPCION</h3>
                            <strong>Suscripcion:</strong> {{ $factura->detalle['suscripcion'] }}<br>

                            <strong>Meses:</strong> {{ $factura->detalle['meses'] }} meses<br>

                            <strong>Desde:</strong> {{ $factura->detalle['meses'] }}<br>

                            <strong>Hasta:</strong> {{ $factura->detalle['meses'] }}<br>

                        </td>
                        <td class="pt-4 align-top">
                            <h3 class="theme-link m-0">METODO DE PAGO</h3>
                            <strong>Forma de Pago:</strong> <img src="{{ asset($factura->forma_pago->imagen_mini) }}"
                                width="15">{{ $factura->forma_pago->nombre }}<br>

                            @if ($factura->pagado)
                                <strong>Estado:</strong> Pagado<br>
                                <strong>Recibo de Pago:</strong> {{ $factura->pagado_recibo }}<br>
                                <strong>Fecha de Pago:</strong>
                                {{ \Carbon\Carbon::parse($factura->pagado_fecha)->format('d/m/Y') }}<br>
                            @else
                                <strong>Estado:</strong> <a class="theme-link"
                                    href="{{ route('dirigir-pago', $factura->id) }}">Pendiente de Pago</a><br>
                            @endif

                        </td>
                    </tr>
                </table>
                {{-- INFORMACION DE LA SUSCRIPCION Y DEL METODO DE PAGO --}}
                <table class="w-100 border-top mt-4">
                    <tr>
                        <td class="pt-4 align-top text-center">
                            <h3 class="text-uppercase">¡Muchas gracias por su compra!</h3><br>
                            <small>Si tiene alguna duda, por favor contactenos.</small>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            setTimeout(function() {
                window.print();
            }, 1000);
        });
    </script>
@endsection