@extends('adminlte::page')

@section('title', 'Detalles de la Orden de Despacho')
@section('plugins.Sweetalert2', true)

@section('content_header')
    <h1>Generar descuento de Orden</h1>
@stop

@section('content')
    <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <p><strong>Cliente:</strong> {{ $orden->cliente->razon_social }}</p>
                    <p><strong>Serie de Orden:</strong> {{ $orden->serie_orden }}</p>
                    <p><strong>Fecha de
                            Despacho:</strong> {{ \Carbon\Carbon::parse($orden->fecha_despacho)->format('d/m/Y') }}
                    </p>
                    <p><strong>Nota de Ingreso a beneficiado: </strong> {{ $orden->check_beneficiado ? 'Si' : 'No' }} </p>
                    <p><strong>Estado:</strong> {{ $orden->estado_despacho ? 'Despachado' : 'Por despachar' }}</p>
                </div>
                <div class="col-md-6">
                    <p><strong>Peso Total Bruto:</strong> {{ number_format($orden->peso_total_bruto, 2) }}</p>
                    <p><strong>Cantidad de Jabas:</strong> {{ $orden->cantidad_jabas }}</p>
                    <p><strong>Tara:</strong> {{ number_format($orden->tara, 2) }}</p>
                    <p><strong>Peso Total Neto:</strong> {{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }}</p>


                </div>
            </div>

            <div>
                <h4>Detalles de la Orden</h4>

                <form action="{{ route('ordenes-de-despacho.store-discount',$orden) }}" method="POST">
                    <table class="table table-bordered">
                        <thead class="thead-dark">
                        <tr>
                            <th>Presentación</th>
                            <th>Tipo</th>
                            <th>Cantidad de Pollos</th>
                            <th>Cantidad de Jabas</th>
                            <th>Peso Bruto</th>
                            <th>Tara</th>
                            <th>Peso Neto</th>
                        </tr>
                        </thead>
                        <tbody>
                        @csrf
                        @foreach ($orden->detalles as $detalle)
                            <tr>
                                <td>{{ $detalle->presentacion_pollo_descripcion }}</td>
                                <td>{{ $detalle->tipo_pollo_descripcion }}</td>
                                <td>{{ $detalle->cantidad_pollos }}</td>
                                <td>{{ $detalle->cantidad_jabas }}</td>
                                <td>{{ number_format($detalle->peso_bruto, 2) }}</td>
                                <td>{{ number_format($detalle->tara, 2) }}</td>
                                <td>{{ number_format($detalle->peso_neto, 2) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot class="tfoot-order">
                        <tr>
                            <td colspan="2">TOTALES ORDEN</td>
                            <td id="totalPollos">{{ $orden->cantidad_pollos }}</td>
                            <td id="totalJabas">{{ $orden->cantidad_jabas }}</td>
                            <td id="totalPesoBruto">{{ $orden->peso_total_bruto }}</td>
                            <td id="totalTara">{{ $orden->tara }}</td>
                            <td id="totalPesoNeto">{{ $orden->peso_total_neto }}</td>
                        </tr>
                        <tr class="tfoot-peso">
                            <td colspan="2">PESO CLIENTE</td>
                            <td>
                                <input
                                    class="form-control"
                                    id="totalPollosDiscount"
                                    step="0.001"
                                    type="number"
                                    name="totalPollosDiscount"
                                    value="{{ $orden->cantidad_pollos -  $orden->descuento_pollos }}">
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>
                                <input
                                    class="form-control"
                                    id="totalPesoNetoDiscount"
                                    type="number"
                                    name="totalPesoNetoDiscount"
                                    step="0.001"
                                    value="{{ $orden->peso_total_neto - $orden->descuento_peso }}">
                            </td>
                        </tr>
                        <tr class="tfoot-descuento">
                            <td colspan="2">DESCUENTOS</td>
                            <td id="totalPollosDescuento"></td>
                            <td id="totalJabasDescuento"></td>
                            <td id="totalPesoBrutoDescuento"></td>
                            <td id="totalTaraDescuento"></td>
                            <td id="totalPesoNetoDescuento"></td>
                        </tr>
                        </tfoot>
                    </table>
                    <input type="hidden" name="descuento_pollos" id="descuento_pollos">
                    <input type="hidden" name="descuento_peso" id="descuento_peso">
                    <button class="btn btn-success btn-sm" type="submit">Guardar descuentos</button>
                </form>
            </div>
        </div>
    </div>
@stop
@section('js')
    @if(session()->has('success'))
        <script>
            Swal.fire('Mensaje informativo', '{{session()->get('success')}}', 'success');
        </script>
    @endif
    @if(session()->has('info'))
        <script>
            Swal.fire('Mensaje informativo', '{{session()->get('info')}}', 'info');
        </script>
    @endif

    <script>
        const totalPollos = document.querySelector('#totalPollos');
        const totalPesoNeto = document.querySelector('#totalPesoNeto');
        const totalPollosDiscount = document.querySelector('#totalPollosDiscount');
        const totalPesoNetoDiscount = document.querySelector('#totalPesoNetoDiscount');

        totalPollosDiscount.addEventListener('change',()=> calculate());
        totalPesoNetoDiscount.addEventListener('change',()=> calculate());

        function calculateDiscounts(){
            document.querySelector('#totalPollosDescuento').textContent = roundNumber(+totalPollos.textContent - +totalPollosDiscount.value,2);
            document.querySelector('#totalPesoNetoDescuento').textContent = roundNumber(+totalPesoNeto.textContent - +totalPesoNetoDiscount.value,2);
            document.querySelector('#descuento_pollos').value = document.querySelector('#totalPollosDescuento').textContent;
            document.querySelector('#descuento_peso').value = document.querySelector('#totalPesoNetoDescuento').textContent;
        }

        function calculate(){
            calculateDiscounts();
        }

        calculate();
    </script>
@stop

@section('css')
    <style>
        .tfoot-order {
            background: #cddcec;
        }

        .tfoot-peso {
            background: #dcdfed;
        }

        .tfoot-descuento {
            background: #f4e5eb;
        }


        .tfoot-total {
            background: rgba(215, 225, 209, 0.35);
        }
    </style>

@stop