@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 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.index')}}" method="get" files="true" enctype="multipart/form-data">
          @csrf
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="idName" class="control-label">Nombre</label>
                <input type="text" name="name" class="form-control" id="idName" placeholder="Nombre">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="idState" class="control-label">Estado</label>
                <select name="state" class="form-control select2" id="idState">
                  <option value="">Todos</option>
                  @foreach (Config::get('constants.active') as $key => $state)
                  <option value="{{$key}}">{{$state['name']}}</option>
                  @endforeach
                </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6 text-left">
              <a href="{{route('administrator.receptionists.index')}}" class="btn btn-danger"><i class="fa fa-refresh" aria-hidden="true"></i> Limpiar</a>
            </div>
            <div class="col-md-6 text-right">
              <button type="submit" class="btn btn-info"><i class="fa fa-search" aria-hidden="true"></i> Buscar</button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="box">
      <div class="box-header with-border">
        <div class="row align-items-center">
          <div class="col-6">
            <h4 class="box-title">Rules</h4>
          </div>
          <div class="col-6">
            <div class="box-controls pull-right">
              <div class="box-header-actions">
                <a href="{{route('administrator.rules.applied.index')}}" class="btn btn-sm btn-primary"><i class="fa fa-th-list"></i> Rules Applied</a>
                <button type="button" class="btn btn-sm btn-info" id="idBtnFilter"><i class="fa fa-filter"></i> Filtro</button>
                <a href="{{route('administrator.rules.create')}}" class="btn btn-sm btn-success"><i class="fa fa-plus"></i> Agregar</a>
              </div>
            </div>
          </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 de plantilla</th>
                <th class="text-center">Estado</th>
                <th class="text-center">Acción</th>
              </tr>
            </thead>
            <tbody class="text-center">
              @if (count($groups)>0)
              @foreach ($groups as $group)
              <tr>
                <td style="vertical-align:middle;" class="font-weight-bold">
                  <a href="{{route('administrator.rules.show', [$group->id])}}">
                    {{$group->name}}
                  </a>
                </td>
                <td title="{{$group->description}}">{{ Str::limit($group->description, 50) }}</td>
                <td>{{config('constants.rule_types')[$group->type]['name']}}</td>
                <td>
                  <span class="badge badge-{{Config::get('constants.states')[$group->state]['type']}}">{{Config::get('constants.states')[$group->state]['name']}}</span>
                </td>
                <td>
                  <button class="btn btn-warning btn-xs" onclick="openCopy({{$group->id}})"><i class="fa fa-copy"></i></button>
                  <a href="{{route('administrator.rules.edit', $group->id)}}" class="btn btn-info btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i></a>
                  <a href="javascript:;" onclick="openValidate({{$group->id}})" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i></a>
                </td>
              </tr>
              @endforeach
              @else
              <tr>
                <td colspan="6">No se encontraron grupos</td>
              </tr>
              @endif
            </tbody>
          </table>
        </div>
      </div>
      <div class="box-footer clearfix">
        {{-- Pagination --}}
      </div>
    </div>
  </section>
</div>
@endsection

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

  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 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) {
        $.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 = urlHost + "/administrator/rules/delete/" + id;
    $.ajax({
      type: 'delete',
      url: urlPath,
      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: "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>
@endsection