@extends('layout.administrator.index')
@section('title', 'Rules')

@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            {{-- <h1>Rules</h1> --}}
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('administrator.dashboard') }}"><i class="fa fa-dashboard"></i>
                        Inicio</a></li>
                <li class="breadcrumb-item active">Rules</li>
            </ol>
        </section>

        <section class="content">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            @if (session('danger'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('danger') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            <div id="idContentFilter" class="box box-solid bg_dark {{ $request->filled('name') || $request->filled('state') || $request->filled('type') || $request->filled('customer') || $request->filled('account') || $request->filled('model') || $request->filled('component') ? '' : 'hide' }}">
                <div class="box-header with-border">
                    <div class="row align-items-center">
                        <div class="col-12">
                            <h4 class="box-title">Busqueda avanzada</h4>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <form action="{{ route('administrator.rules.rework.index') }}" method="get">
                        <div class="row">

                            {{-- FILTRO POR NOMBRE --}}
                            <div class="col-md-4">
                                <label class="control-label">Nombre</label>
                                <input type="text" name="name" class="form-control" value="{{ $request->name }}"
                                    placeholder="Nombre">
                            </div>

                            {{-- FILTRO POR ESTADO --}}
                            <div class="col-md-4">
                                <label class="control-label">Estado</label>
                                <select name="state" class="form-control select2">
                                    <option value="">Todos</option>
                                    @foreach (Config::get('constants.active') as $key => $state)
                                        <option value="{{ $key }}" {{ $request->state == $key ? 'selected' : '' }}>
                                            {{ $state['name'] }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- FILTRO POR TIPO --}}
                            <div class="col-md-4">
                                <label class="control-label">Tipo</label>
                                <select name="type" class="form-control">
                                    <option value="">Todos</option>
                                    <option value="equipo" {{ $request->type == 'equipo' ? 'selected' : '' }}>Equipo
                                    </option>
                                    <option value="viscosidad" {{ $request->type == 'viscosidad' ? 'selected' : '' }}>
                                        Viscosidad</option>
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            {{-- FILTRO POR CUSTOMER --}}
                            <div class="col-md-3">
                                <label class="control-label">Customers</label>
                                <select name="customer" class="form-control select2">
                                    <option value="">Todos</option>
                                    @foreach ($customers as $customerOption)
                                        <option value="{{ $customerOption->id }}"
                                            {{ (string) $request->customer === (string) $customerOption->id ? 'selected' : '' }}>
                                            {{ $customerOption->company }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- FILTRO POR ACCOUNT --}}
                            <div class="col-md-3">
                                <label class="control-label">Accounts</label>
                                <select name="account" class="form-control select2">
                                    <option value="">Todos</option>
                                    @foreach ($accounts as $accountOption)
                                        <option value="{{ $accountOption->id }}"
                                            {{ (string) $request->account === (string) $accountOption->id ? 'selected' : '' }}>
                                            {{ $accountOption->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- FILTRO POR MODEL --}}
                            <div class="col-md-3">
                                <label class="control-label">Model</label>
                                <select name="model" class="form-control select2">
                                    <option value="">Todos</option>
                                    @foreach ($models as $modelOption)
                                        <option value="{{ $modelOption->id }}"
                                            {{ (string) $request->model === (string) $modelOption->id ? 'selected' : '' }}>
                                            {{ $modelOption->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- FILTRO POR COMPONENT LOCATION --}}
                            <div class="col-md-3">
                                <label class="control-label">Component Location</label>
                                <select name="component" class="form-control select2">
                                    <option value="">Todos</option>
                                    @foreach ($components as $componentOption)
                                        <option value="{{ $componentOption->id }}"
                                            {{ (string) $request->component === (string) $componentOption->id ? 'selected' : '' }}>
                                            {{ $componentOption->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-6 text-left">
                                <a href="{{ route('administrator.rules.rework.index') }}" class="btn btn-danger">
                                    <i class="fa fa-refresh"></i> Limpiar
                                </a>
                            </div>

                            <div class="col-md-6 text-right">
                                <button type="submit" class="btn btn-info">
                                    <i class="fa fa-search"></i> Buscar
                                </button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4 class="box-title">Listado de Reglas</h4>
                                </div>
                                <div class="col-6 text-right">
                                    <button type="button" class="btn btn-sm btn-info" id="idBtnFilter" title="Filtro">
                                        <i class="fa fa-filter"></i> Filtro
                                    </button>
                                    <button type="button" class="btn btn-sm btn-success" title="Nueva regla" onclick="openCreateRule()">
                                        <i class="fa fa-plus"></i> Nueva Regla
                                    </button>

                                </div>
                            </div>
                        </div>

                        <div class="box-body">
                            <div class="table-responsive">
                                <table class="table table-sm table-hover">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Nombre</th>
                                            <th class="text-center">Descripción</th>
                                            <th class="text-center">Tipo</th>
                                            <th class="text-center">Estado</th>
                                            <th class="text-center">Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody class="text-center">
                                        @forelse ($allRules as $rule)
                                            <tr>
                                                <td class="font-weight-bold" style="vertical-align:middle;">
                                                    <a
                                                        href="{{ $rule->type == 'equipo'
                                                            ? route('administrator.rules.rework.edit', [$rule->id])
                                                            : route('administrator.rulesV.rework.edit', [$rule->id]) }}">
                                                        {{ $rule->name }}
                                                    </a>
                                                </td>

                                                <td title="{{ $rule->description }}">
                                                    {{ Str::limit($rule->description, 50) }}
                                                </td>

                                                <td>
                                                    @if ($rule->type == 'equipo')
                                                        <span class="badge badge-info">Equipo</span>
                                                    @else
                                                        <span class="badge badge-danger">Viscosidad</span>
                                                    @endif
                                                </td>

                                                <td>
                                                    <span
                                                        class="badge badge-{{ Config::get('constants.states')[$rule->state]['type'] }}">
                                                        {{ Config::get('constants.states')[$rule->state]['name'] }}
                                                    </span>
                                                </td>

                                                <td>
                                                    <button class="btn btn-success btn-xs" title="Copiar regla"
                                                        onclick="openCopy({{ $rule->id }})">
                                                        <i class="fa fa-copy"></i>
                                                    </button>

                                                    <a href="{{ $rule->type == 'equipo'
                                                        ? route('administrator.rules.rework.edit', $rule->id)
                                                        : route('administrator.rulesV.rework.edit', $rule->id) }}"
                                                        class="btn btn-info btn-xs" title="Editar regla">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>

                                                    <a href="javascript:;"
                                                        onclick="{{ $rule->type == 'equipo' ? 'openValidate(' . $rule->id . ')' : 'openValidateVisc(' . $rule->id . ')' }}"
                                                        class="btn btn-danger btn-xs" title="Eliminar regla">
                                                        <i class="fa fa-trash"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6">No se encontraron reglas</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end mt-3">
                            {{ $allRules->links() }}
                        </div>

                    </div>
                </div>
            </div>

        </section>
    </div>
@endsection

@section('js')
    <script type="text/javascript">
        $("#idBtnFilter").click(function() {
            $("#idContentFilter").slideToggle("slow");
        });

        if ($.fn.select2) {
            $('.select2').select2({
                placeholder: 'Todos',
                allowClear: true,
                width: '100%'
            });
        }

        function openValidate(id) {
            swal({
                title: "¿Está seguro?",
                text: "Esta regla será eliminada!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Si, Eliminar!",
                closeOnConfirm: false
            }, function() {
                deleteGroup(id);
            });
        }

        function openValidateVisc(id) {
            swal({
                title: "¿Está seguro?",
                text: "Esta regla será eliminada!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Si, Eliminar!",
                closeOnConfirm: false
            }, function() {
                deleteGroupVisc(id);
            });
        }

        function openCopy(id) {
            swal({
                title: "Copiar regla",
                text: "¿Quiere hacer una copia de esta regla?",
                type: "info",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Si, copiar",
                closeOnConfirm: true
            }, function(e) {

                if (e) {
                    swal({
                        title: "Copiado",
                        text: "La funcion de copiado no esta disponible por el momento",
                        type: "success",
                    })
                    // $.ajax({
                    //   type: 'post',
                    //   url: '/administrator/rules/copyRule/' + id,
                    //   dataType: 'json',
                    //   headers: {
                    //     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    //   },
                    //   beforeSend: function() {
                    //     // $('#loader_content').removeClass('hidden');
                    //   },
                    //   success: function(response) {
                    //     if (response.code == 200) {
                    //       swal({
                    //         title: "Copiado",
                    //         text: "Se ha realizado una copia de la regla",
                    //         type: "success",
                    //       }, function() {
                    //         $(".content_loading").fadeIn("slow");
                    //         window.location.reload();
                    //       });
                    //     } else {
                    //       swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                    //     }
                    //   },
                    //   error: function(xhr) {
                    //     swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                    //   }
                    // });
                }
            });
        }

        function deleteGroup(id) {
            var urlPath = "/administrator/rules/rework/delete/" + id;
            $.ajax({
                type: 'delete',
                url: urlPath,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    $(".content_loading").fadeIn("slow");
                },
                success: function(response) {
                    $(".content_loading").fadeOut("slow");
                    if (response.code == 200) {
                        swal({
                            title: "Eliminado!",
                            text: response.message,
                            type: "success",
                        }, function() {
                            $(".content_loading").fadeIn("slow");
                            window.location.reload();
                        });
                    } else {
                        swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                    }
                },
                error: function(xhr) {
                    swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                }
            });
        }

        function deleteGroupVisc(id) {
            var urlPath = "/administrator/rules/rework/delete/" + id;
            $.ajax({
                type: 'delete',
                url: urlPath,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    $(".content_loading").fadeIn("slow");
                },
                success: function(response) {
                    $(".content_loading").fadeOut("slow");
                    if (response.code == 200) {
                        swal({
                            title: "Eliminado!",
                            text: response.message,
                            type: "success",
                        }, function() {
                            $(".content_loading").fadeIn("slow");
                            window.location.reload();
                        });
                    } else {
                        swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                    }
                },
                error: function(xhr) {
                    swal("Oops!", "Hemos tenido problemas, intenta nuevamente", "warning");
                }
            });
        }
    </script>

    <script>
        function openCreateRule() {
            Swal.fire({
                title: '¿Que tipo de regla desea crear?',
                icon: 'question',
                confirmButtonText: 'Reglas de Viscosidad',
                cancelButtonText: 'Reglas de Equipos',
                showCancelButton: true,
                reverseButtons: true,
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = "{{ route('administrator.rulesV.rework.create') }}";
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    window.location.href = "{{ route('administrator.rules.rework.create') }}";
                }
            });
        }
    </script>

@endsection