@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Mermas')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Mermas</h1>
    <p>
        La merma es el peso de los pollos que se pierden en el proceso de producción.
    </p>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">Lista de Mermas</h1>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="table-mermas" style="width: 100%;">
                    <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"> <i class="fa fa-eye"></i> Ver Detalles</a></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </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" },
                "order": [ [0, 'desc'] ]
            });


        });
    </script>
@stop