@extends('adminlte::page')
@section('title', 'Mermas')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Mermas</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Lista de Mermas</h1>
        </div>
        <div class="card-body">
            <table class="table table-bordered" id="table-mermas">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Fecha Registro</th>
                        <th>Total KG. Merma</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($mermas as $merma)
                        <tr>
                            <td>{{ $merma->id }}</td>
                            <td>{{ $merma->created_at }}</td>
                            <td>{{ $merma->total_peso }}</td>
                            <td>
                                <span class="badge {{ ($merma->estado) ? 'bg-success' : 'bg-danger' }}">
                                    {{ ($merma->estado) ? 'Activo' : 'Inactivo' }}
                                </span>
                            </td>
                            <td><a href="{{ route('mermas.show', $merma) }}" class="btn btn-info btn-sm"> Detalle Mermas</a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
@stop

@section('js')
    <script>
        $(document).ready(function () {

            $('#table-mermas').DataTable({
                language: { "url": "/js/spanish.json" },
                "pageLength": 25,
                "order": [ [0, 'desc'] ]
            });


        });
    </script>
@stop