@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">
            <br/>
            <form action="{{route('categories.store')}}" method="post" id="form-create" data-parsley-validate class="form-horizontal form-label-left input_mask">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('category')) has-error @endif">
                        <label for="category">Categoría</label>
                        <input type="text" class="form-control has-feedback-left" id="category"
                               placeholder="Categoría" name="category" required value="{{old('category')}}">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('category_id')) has-error @endif">
                        <label for="category_id">Padre</label>
                        <select name="category_id" id="category_id" class="form-control">
                            <option value="">Seleccione</option>
                            @foreach($categories as $category)
                                <option value="{{$category->id}}">{{$category->category}}</option>
                            @endforeach
                        </select>
                        <span class="fa fa-sitemap form-control-feedback right" aria-hidden="true"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback @if($errors->get('icon')) has-error @endif">
                        <label for="category">Icono</label>
                        <input type="text" class="form-control has-feedback-left" id="category"
                               placeholder="Icono" name="icon" required value="{{old('icon')}}">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                        <br>
                        <label>
                            <input type="checkbox" class="js-switch" name="active" /> Activa
                        </label>
                    </div>
                </div>
                <div class="ln_solid"></div>
                <div class="form-group">
                    <div class="col-md-5 col-sm-9 col-xs-12 col-md-offset-5">
                        <button id="create" type="submit" class="btn btn-success">Submit</button>
                    </div>
                </div>
                <input type="hidden" name="_token" value="{{csrf_token()}}">

            </form>
        </div>
    </div>
    <div class="x_panel">
        <div class="x_content">
            <table id="categories" class="table table-stripped table-hovered">
                <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Padre</th>
                    <th>Icono</th>
                    <th>Activa</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                @foreach($categories as $category)
                    <tr>
                        <td>{{$category->category}}</td>
                        <td>{{(isset($category->parent)?$category->parent->category:'N/A')}}</td>
                        <td>{{$category->icon}}</td>
                        <td>{{($category->active==1)?'Si':'No'}}</td>
                        <td>
                            <form action="{{route('categories.destroy', ['id'=>$category->id])}}" method="POST">
                                <input type="hidden" name="_method" value="DELETE">
                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                <div class="btn-group">
                                    <a class="edit btn btn-info" href="{{route('categories.edit', ['id'=>$category->id])}}">Editar</a>
                                    <a class="delete btn btn-danger" href="javascript:void(0)">Eliminar</a>
                                </div>
                            </form>
                        </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