@extends('adminlte::page')
@section('title', 'Detalle de Merma')
@section('plugins.Datatables', true)

@section('content_header')
    <h1>Detalle de Merma</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Detalle:</h1>
        </div>

        <div class="card-body">
            <h1>Fecha de Registro: {{ $merma->created_at }}</h1>
            <h1>Peso Total: {{ $merma->total_peso }} kg.</h1>

            <div class="detalle-merma mt-5">

                <table class="table table-bordered" id="table-mermas" style="width: 100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Tipo Ingreso Producto</th>
                            <th>Presentacion</th>
                            <th>Tipo de Producto</th>
                            <th>Peso Merma</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($merma->detalles as $detalle)
                            <tr>
                                <td> {{ $detalle->id }} </td>
                                <td>
                                    {{ $tipoIngreso = [1 => 'CAMION', 2 => 'POR STOCK', 4 => 'BENEFICIADO'][$detalle->tipo_ingreso] ?? 'N/D' }}
                                </td>
                                <td> {{ $detalle->presentacion }} </td>
                                <td> {{ $detalle->tipo }} </td>
                                <td> {{ $detalle->peso }} </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>


            </div>

            <a href="{{ route('mermas.index') }}" class="btn btn-primary">Lista de Mermas</a>

        </div>

    </div>
@stop

@section('css')
<link href="https://cdn.datatables.net/buttons/1.6.0/css/buttons.dataTables.min.css" rel="stylesheet"/>
@stop





@section('js')
    @include('partials.data_export_js')

    <script>
        $(document).ready(function() {
            $('#table-mermas').DataTable({
                dom: 'Bfrtip',
                    buttons: [
                        'copyHtml5',
                        'excelHtml5',
                        'pdfHtml5'
                    ]
            });
        });
    </script>

@stop