@extends('modules.head') @section('contenido')
    <style>
        /* Ensure that the demo table scrolls */
        /* th, */
        td {
            white-space: nowrap;
        }

        div.dataTables_wrapper {
            height: fit-content;
            margin: 0px 10px 0px 10px;
        }

        .dataTables_scrollBody {
            max-height: none !important;
        }


        /* enable absolute positioning */
        .inner-addon {
            position: relative;
            width: inherit;
        }

        /* style icon */
        .inner-addon .glyphicon {
            position: absolute;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 5px;
            pointer-events: none;
        }

        /* align icon */
        .left-addon .glyphicon {
            left: 0px;
        }

        .right-addon .glyphicon {
            right: 0px;
        }

        /* add padding  */
        .left-addon input {
            padding-left: 15px;
        }

        .right-addon input {
            padding-right: 10px;
        }

        .hidden {
            display: none;
        }
    </style>

    <div class="box-header">
        <a class="auxiliar-black" href="{{ url('/erp/custom_items/add') }}">
            <button class="btn btnAdd pull-right">
                <i style="margin-right:5px;" class="fa fa-plus"></i>
                {{ __('messages.erp_custom_items.add_item') }}
            </button>
        </a>
    </div>

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ __('messages.erp_custom_items.custom_items') }}</h3>
        </div>

        <div class="box">
            <!-- /.box-header -->
            <div class="box-body table-responsive ">
                <table id="example2" class="stripe row-border order-column" style="width:100%" role="grid"
                    aria-describedby="example2_info">
                    <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.flash_ticket.title_18') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.erp') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.modules') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.labels') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.is_gift') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.reference') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.barcode') }}
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.screen_coupon_tag25') }}
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.created_at') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.erp_custom_items.active') }}
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Browser: activate to sort column ascending">
                                {{ Lang::get('messages.screen_banners_tag9') }}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($erpCustomItems as $item)
                            <tr class="odd">
                                <td>{{ $item->description }}</td>
                                <td>{{ $item->erp->name }}</td>
                                <td>
                                    @foreach (explode(',', $item->modules) as $module)
                                        <li>{{ $module }}</li>
                                    @endforeach
                                </td>
                                <td>
                                    @foreach (explode(',', $item->labels) as $label)
                                        <li>{{ $label }}</li>
                                    @endforeach
                                </td>
                                <td>{{ $item->is_gift ? Lang::get('messages.yes') : Lang::get('messages.no') }}</td>
                                <td>{{ $item->reference }}</td>
                                <td>{{ $item->barcode }}</td>
                                <td>{{ $item->amount }}</td>
                                <td>{{ $item->created_at }}</td>
                                <td>
                                    <div class="switch"><label>
                                            <div class="checkbox checbox-switch switch-success">
                                                <label>
                                                    {{ Lang::get('messages.no') }}
                                                    <input type="checkbox" onChange="chk({{ $item->id }})"
                                                        data-id="' . $obj->id . '" id="Checkactive{{ $item->id }}"
                                                        name="Checkactive" {{ $item->active ? 'checked' : '' }} />
                                                    <span></span>
                                                    {{ Lang::get('messages.yes') }}
                                                </label>
                                            </div>
                                        </label>
                                    </div>
                                </td>
                                <td>
                                    <i class="fa fa-pencil iconMini" onClick="clickEdit({{ $item->id }})"
                                        data-id="{{ $item->id }}" data-toggle="tooltip" data-placement="bottom"
                                        title="Editar" style="cursor:pointer;"></i>
                                    <i class="fa fa-trash iconMini" onClick="clickDelete({{ $item->id }})"
                                        data-id="{{ $item->id }}" data-toggle="tooltip" data-placement="bottom"
                                        title="Eliminar" style="cursor:pointer;"></i>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <!-- /.box-body -->
        </div>

        <script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
        <script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
        <script src="{{ asset('js/erp_custom_items.js') . '?v=' . time() }}"></script>
        <script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
    @endsection