@extends('layouts.base')
@push('css')
<!-- Switchery -->
<link href="{{URL::to('vendors/switchery/dist/switchery.min.css')}}" rel="stylesheet">
<!-- Datatables -->
<link href="{{URL::to('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css')}}" rel="stylesheet">
<style>
    td.details-control {
        background: url('{{URL::to('images/details_open.png')}}') no-repeat center center;
        cursor: pointer;
    }
    tr.shown td.details-control {
        background: url('{{URL::to('images/details_close.png')}}') no-repeat center center;
    }
</style>
@endpush
@section('content')
    <div class="x_panel">
        <div class="x_content">
            <h3>Comisiones:</h3>
            <table id="categories" class="table table-stripped table-hovered">
                <thead>
                <tr>
                    <th>Descripción</th>
                    <th>Valor</th>
                    <th>Clave</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                @foreach($commissions as $commission)
                    <tr>
                        <td>{{$commission->description}}</td>
                        <td>{{$commission->value}} @if(($commission->key == 'publication_gold' or $commission->key == 'publication_silver')) eBits @else % @endif</td>
                        <td>{{$commission->key}}</td>
                        <td>
                            <div class="btn-group">
                                <a class="edit btn btn-warning" href="{{route('configs.edit', ['id'=>$commission->id])}}">Editar</a>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection
@push('js')
<!-- Parsley -->
<script src="{{URL::to('vendors/parsleyjs/dist/parsley.min.js')}}"></script>
<!-- Switchery -->
<script src="{{URL::to('vendors/switchery/dist/switchery.min.js')}}"></script>
<!-- Datatables -->
<script src="{{URL::to('vendors/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.flash.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-keytable/js/dataTables.keyTable.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-scroller/js/dataTables.scroller.min.js')}}"></script>
<script>
    $(document).ready(function () {
        $("#categories").dataTable();
    });
    $('#form-create').parsley().on('field:validated', function() {
        var ok = $('.parsley-error').length === 0;
        $('.bs-callout-info').toggleClass('hidden', !ok);
        $('.bs-callout-warning').toggleClass('hidden', ok);
    });
    $(document).on("click", "#create", function (e) {
        if (!confirm('¿Está seguro de crear el registro?')) {
            e.preventDefault();
            return;
        }
        $(this).closest('form').submit();
    });
    $(document).on("click", ".delete", function (e) {
        if (!confirm('¿Está seguro de eliminar éste registro?')) {
            e.preventDefault();
            return;
        }
        $(this).closest('form').submit();
    });
</script>
@endpush