@extends('layouts.app')

@section('envios')

    <main class="py-4">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="card">
                        <h5 class="card-header bg-primary text-white" style="font-size: larger; font-weight: bold;">{{ __('Transferencia') }}</h5>
                        <div class="card-body">
                            <h3>{{ __('Resumen') }}</h3>

                            <hr style="width: 100%;">

                            <table id="resumenPrecio" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th style="width: 50%;">Descripción</th>
                                        <th style="width: 25%;">Cantidad</th>
                                        <th class="none" style="display: none;">Detalle por envío</th>
                                        <th style="width: 25%;">Precio</th>
                                        <th class="none" style="display: none;">Descuento del envío</th>
                                        <th class="none" style="display: none;">Código de descuento</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data as $d)
                                        <tr>
                                            <td>{{ $d->descripcion }}</td>
                                            <td>{{ 'x ' . $d->cantidad }}</td>
                                            <td style="display: none;"></td>
                                            <td>{{ $d->valor }}</td>
                                            <td style="display: none;">{{ '- ' . $d->descuento }}</td>
                                            <td style="display: none;">{{ '- ' . $d->descuento_canje }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                            <hr style="width: 100%;">

                            <table id="resumenTotal" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th style="width: 50%;">Descripción</th>
                                        <th style="width: 25%;">Cantidad</th>
                                        <th class="none" style="display: none;">Detalle por el total de envíos</th>
                                        <th style="width: 25%;">Total</th>
                                        <th class="none" style="display: none;">Descuento total</th>
                                        <th class="none" style="display: none;">Código de descuento</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ __('Cantidad total de envíos') }}</td>
                                        <td>{{ 'x ' . $cantidad }}</td>
                                        <td style="display: none;"></td>
                                        <td>{{ $transferencia->total }}</td>
                                        <td style="display: none;">{{ '- ' . $transferencia->descuento }}</td>
                                        <td style="display: none;">{{ '- ' . $transferencia->descuento_canje }}</td>
                                    </tr>
                                </tbody>
                            </table>

                            <hr style="width: 100%;">

                            <hr style="width: 100%;">

                            <table id="resumenPagar" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th style="width: 75%;">Descripción</th>
                                        <th style="width: 25%;">Pagar</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        @if (Auth::user()->credito == 0) <td>{{ __('Valor total por pagar vía transferencia') }}</td> @else <td>{{ __('Valor total por pagar vía crédito') }}</td> @endif
                                        <td>{{ $transferencia->pagar }}</td>
                                    </tr>
                                </tbody>
                            </table>

                            <form action="@if(Auth::user()->credito == 0) {{ url('/envios/no-pagados/transbank') }} @else {{ url('/envios/no-pagados/credito') }} @endif" method="POST">
                                {{-- {{ csrf_field() }} --}}
                                <div class="form-group">
                                    <div class="col mt-3">
                                        <input type="hidden" class="form-control" name="cantidadEnvio" value="{{ $cantidad }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col">
                                        <input type="hidden" class="form-control" name="totalEnvio" value="{{ $transferencia->total }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col">
                                        <input type="hidden" class="form-control" name="descuentoEnvio" value="{{ $transferencia->descuento }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col">
                                        <input type="hidden" class="form-control" name="descuentoCanjeEnvio" value="{{ $transferencia->descuento_canje }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col">
                                        <input type="hidden" class="form-control" name="pagarEnvio" value="{{ $transferencia->pagar }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col">
                                        <input type="hidden" class="form-control" name="enteroEnvio" value="{{ $entero }}">
                                    </div>
                                </div>

                                @if ($cantidad)
                                    <div class="form-row">
                                        <div class="form-group offset-md-4">
                                            <div class="col">
                                                <button type="submit" class="btn btn-primary">{{ __('Continuar') }}</button>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col">
                                                <a href="{{ url('/mis-envios/pendientes/') }}" class="btn btn-primary">{{ __('Volver') }}</a>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="form-row">
                                        <div class="form-group offset-md-7">
                                            <div class="col">
                                                <a href="{{ url('/mis-envios/pendientes/') }}" class="btn btn-primary">{{ __('Volver') }}</a>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <script>
        $('#resumenPrecio').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [1, 2] },
                { responsivePriority: 1, targets: 0 },
                { responsivePriority: 2, targets: 1 }
            ],
            order: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false }
            ],
        });

        $('#resumenTotal').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [1, 2] },
                { responsivePriority: 1, targets: 0 },
                { responsivePriority: 2, targets: 1 }
            ],
            order: false,
            info: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false }
            ],
        });

        $('#resumenPagar').DataTable(
        {
            // processing: true,
            // serverSide: true,
            responsive: true,
            order: false,
            info: false,
            paging: false,
            searching: false,
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { orderable: false }
            ],
        });
    </script>

@endsection