@extends('layouts.head') @section('content')

{{-- Table --}}
<div class="box box-default collapsed-box">
  <div class="box-header with-border">
    <h3 class="box-title">{{ __("messages.request_table.busq_especifica") }}</h3>

    <div class="box-tools pull-right">
      <button type="button" class="btn btn-box-tool" data-widget="collapse">
        <i class="fa fa-plus"></i>
      </button>
    </div>
    <!-- /.box-tools -->
  </div>
  <!-- /.box-header -->
  <div class="box-body" style="display: none;">
    <form role="form" method="post" action=" {{ url('/control_table/filter/detail') }}">
      <div class="row">
        <div class="col-xs-3">
          <div class="form-group">
            <label for="exampleFormControlInput1">{{
              __("messages.request_table.hospital")
            }}</label>
            <select class="form-control" name="center_id" id="center_id">
              <option value="">{{ __("messages.request_table.select") }}</option>
              @foreach($centers as $d)
              <option value="{{$d->id}}">{{$d->name}}</option>

              @endforeach
            </select>
          </div>
        </div>
        <div class="col-xs-3">
          <div class="form-group">
            <label for="exampleFormControlInput1">{{
              __("messages.request_table.specialty")
            }}</label>
            <select class="form-control" name="specialty_id" id="specialty_id">
              <option value="">{{ __("messages.request_table.select") }}</option>
              @foreach($specialties as $d)
              <option value="{{$d->id}}">{{$d->name}}</option>

              @endforeach
            </select>
          </div>
        </div>
        <div class="col-xs-2">
          <div class="form-group">
            <label for="exampleFormControlInput1">{{ __("messages.request_table.entity") }}</label>
            <select class="form-control" name="entity_id" id="entity_id">
              <option value="">{{ __("messages.request_table.select") }}</option>
              @foreach($entities as $d)
              <option value="{{$d->id}}">{{$d->name}}</option>

              @endforeach
            </select>
          </div>
        </div>
        <div class="col-xs-2">
          <div class="form-group">
            <label for="exampleFormControlInput1">{{
              __("messages.request_table.request_type")
            }}</label>
            <select class="form-control" name="type_request_id" id="type_request_id">
              <option value="">{{ __("messages.request_table.select") }}</option>
              @foreach($type_requests as $d)
              <option value="{{$d->id}}">{{$d->name}}</option>

              @endforeach
            </select>
          </div>
        </div>
        <div class="col-xs-2">
          <div class="form-group">
            <label for="exampleFormControlInput1">{{ __("messages.request_table.status") }}</label>
            <select class="form-control" name="state_id" id="state_id">
              <option value="">{{ __("messages.request_table.select") }}</option>
              @foreach($states as $d)
              <option value="{{$d->id}}">{{$d->name}}</option>

              @endforeach
            </select>
          </div>
        </div>
      </div>
      <div class="box-header">
        <button type="submit" class="btn btn-default pull-right" style="margin-right:5px; ">
          <i class="fa fa-search" style="margin-right:4px;"></i>{{ __("messages.request_table.filter") }}
        </button>
      </div>
      {{ csrf_field() }}
    </form>
  </div>

  <!-- /.box-body -->
</div>

<div class="box">
  <div class="box-tools" style="width: 90%; margin-top: 10px;margin-left: 10px;">
    <div class="row">
      <form role="form" method="post" action=" {{ url('/control_table/filter') }}">
        <div class="col-xs-3" style="display: flex; align-items: center; ">
          <div class="form-group" style="display: flex;align-items: center; ">
            <label style="margin-right:2%;">{{ __("messages.request_table.since") }}:</label>
            <div class="input-group date">
              <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </div>
              <input type="text" name="fecha_desde" value="{{ $desde }}" id="fecha_desde"
                class="form-control pull-right" autocomplete="off" required />
            </div>
          </div>
        </div>
        <div class="col-xs-3" style="display: flex;  ">
          <div class="form-group" style="display: flex; align-items: center;">
            <label style="margin-right:2%;">{{ __("messages.request_table.until") }}:</label>
            <div class="input-group date">
              <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </div>
              <input type="text" name="fecha_hasta" value="{{ $hasta }}" id="fecha_hasta"
                class="form-control pull-right" autocomplete="off" required />
            </div>
          </div>
        </div>
        <div class="col-xs-2">
          <div class="input-group-btn">
            <button type="submit" class="btn btn-default">
              <i class="fa fa-search" style="margin-right:4px;"></i>{{ __("messages.request_table.search") }}
            </button>
          </div>
        </div>
        {{ csrf_field() }}
      </form>
    </div>
  </div>
  <div class="box-body table-responsive no-padding" style="padding: 10px !important;">
    <table id="example2" class="table table-bordered table-hover dataTable" role="grid"
      aria-describedby="example2_info">
      <thead>
        <tr role="row">
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.no") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.app_main.tag_4") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.patient") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.app_main.tag_11") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.app_main.tag_21") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            Servicio
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.request_type") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            Código Médico
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.medical_specialist") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.app_main.tag_19") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.status") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.request_table.actions") }}
          </th>
        </tr>
      </thead>
      <tbody>
        @foreach($data as $s)
        <tr>
          <td>{{$s->id}}</td>
          <td>{{$s->documento}}</td>
          <td>{{$s->nombre1}} {{$s->nombre2}} {{$s->apellido1}} {{$s->apellido2}}</td>
          <td>{{$s->created_at }}</td>
          <td>{{$s->events->event_date}} {{$s->events->start_time}}</td>
          {{-- @if($s->type_request->name == 'Urgencias')
          <td>
            <span class="label"
              style="background-color: #e74c3c; padding-right:10%; font-size:0.9em;">{{$s->type_request->name}}</span>
          </td>
          @else
          <td>{{$s->type_request->name }}</td>
          @endif --}}
          <td>{{$s->type_request->name }}</td>
          <td>{{$s->events->agenda_type->description}}</td>
          <td>{{$s->events->medic->medic_code}}</td>
          <td>{{$s->events->medic->name}} {{$s->events->medic->last_name}}</td>
          <td>{{$s->events->speciality->name}}</td>
          <td>
            @switch($s->state->id ) @case(1)
            <span class="label label-danger" style="font-size:0.9em;">{{$s->state->name}}</span>
            @break @case(2)
            <span class="label label-warning" style="font-size:0.9em;">{{$s->state->name}}</span>
            @break @case(3)
            <span class="label label-success" style="font-size:0.9em;">{{$s->state->name}}</span>
            @break @case(4)
            <span class="label"
              style="background-color:#bf42c1 !important; font-size:0.9em; padding-right:4%;">{{$s->state->name}}</span>
            @break @case(5)
            <span class="label label-info" style="font-size:0.9em;">{{$s->state->name}}</span>
            @break @case(6)
            <span class="label label-default" style="font-size:0.9em;">{{$s->state->name}}</span>
            @break @endswitch
          </td>

          <td style="font-size: 16px;">
            @if($s->state->id != 6)
            <a href="/request/view/document/{{ $s->id }}">
              <i class="fa fa-eye iconMini a-icon" style="cursor:pointer;"></i>
            </a>
            @endif @if($s->state->id < 5) <a href="/request/edit/document/{{ $s->id }}">
              <i class="fa fa-pencil iconMini a-icon" style="cursor:pointer;"></i>
              </a>
              @endif @if($s->bloqueo_documento == Auth::user()->id || Auth::user()->rol->id == 1)
              <a href="#" id="unlock-{{ $s->id }}" onclick="unlockDocumentMain({{ $s->id }})">
                <i class="fa fa-unlock-alt iconMini a-icon" style="cursor:pointer;"></i>
              </a>

              @endif @if(($s->state->id <= 3) && (Auth::user()->rol->id == 1 || Auth::user()->rol->id
                == 3 || Auth::user()->rol->id == 4 || Auth::user()->rol->id == 5))
                <a href="#" onclick="makeCancelDocument({{$s->id}})">
                  <i class="fa fa-ban iconMini a-icon" style="cursor:pointer;"></i>
                </a>
                @endif @if(Auth::user()->rol->id == 1 )
                <a href="#" onclick="changeState({{$s->id}})">
                  <i class="fa  fa-exchange iconMini a-icon" style="cursor:pointer;"></i>
                </a>
                @endif @if(($s->state->id == 6))
                <a href="#" onclick="viewCancelDocument({{$s->id}})">
                  <i class="fa fa-file-text iconMini a-icon" style="cursor:pointer;"></i>
                </a>
                @endif
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <!-- /.box-body -->
</div>

@include('request_table.modal-cancel') @include('request_table.modal-state')

<script type="text/javascript">
  $(document).ready(function() {
    $.fn.datepicker.dates["en"] = {
      days: ["{{ __('messages.dias.domingo') }}", "{{ __('messages.dias.lunes') }}", "{{ __('messages.dias.martes') }}", "{{ __('messages.dias.miercoles') }}", "{{ __('messages.dias.jueves') }}", "{{ __('messages.dias.viernes') }}", "{{ __('messages.dias.sabado') }}"],
      daysShort: ["{{ __('messages.days_short.domingo') }}", "{{ __('messages.days_short.lunes') }}", "{{ __('messages.days_short.martes') }}", "{{ __('messages.days_short.miercoles') }}", "{{ __('messages.days_short.jueves') }}", "{{ __('messages.days_short.viernes') }}", "{{ __('messages.days_short.sabado') }}"],
      daysMin: ["{{ __('messages.days_mini.domingo') }}", "{{ __('messages.days_mini.lunes') }}", "{{ __('messages.days_mini.martes') }}", "{{ __('messages.days_mini.miercoles') }}", "{{ __('messages.days_mini.jueves') }}", "{{ __('messages.days_mini.viernes') }}", "{{ __('messages.days_mini.sabado') }}"],
      months: [
        "{{ __('messages.meses.enero') }}",
        "{{ __('messages.meses.febrero') }}",
        "{{ __('messages.meses.marzo') }}",
        "{{ __('messages.meses.abril') }}",
        "{{ __('messages.meses.mayo') }}",
        "{{ __('messages.meses.junio') }}",
        "{{ __('messages.meses.julio') }}",
        "{{ __('messages.meses.agosto') }}",
        "{{ __('messages.meses.septiembre') }}",
        "{{ __('messages.meses.octubre') }}",
        "{{ __('messages.meses.noviembre') }}",
        "{{ __('messages.meses.diciembre') }}"
      ],
      monthsShort: [
        "{{ __('messages.meses_short.enero') }}",
        "{{ __('messages.meses_short.febrero') }}",
        "{{ __('messages.meses_short.marzo') }}",
        "{{ __('messages.meses_short.abril') }}",
        "{{ __('messages.meses_short.mayo') }}",
        "{{ __('messages.meses_short.junio') }}",
        "{{ __('messages.meses_short.julio') }}",
        "{{ __('messages.meses_short.agosto') }}",
        "{{ __('messages.meses_short.septiembre') }}",
        "{{ __('messages.meses_short.octubre') }}",
        "{{ __('messages.meses_short.noviembre') }}",
        "{{ __('messages.meses_short.diciembre') }}"
      ],
      today: "{{ __('messages.hoy') }}",
      clear: "{{ __('messages.clear') }}",
      format: "dd/mm/yyyy",
      titleFormat: "MM yyyy" /* Leverages same syntax as 'format' */,
      weekStart: 0
    };
    $("#fecha_desde").datepicker();
    $("#fecha_hasta").datepicker();

    $("#example2").DataTable({
      paging: true,
      lengthChange: true,
      searching: true,
      ordering: false,
      info: true,
      autoWidth: true,
      language: {
        url: Lang.get('messages.datatable.url_language')
      },
      buttons: ["copyHtml5", "excelHtml5", "csvHtml5", "pdfHtml5"]
    });
  });

  function unlockDocumentMain(id) {
    $.ajax({
      url: "/request/ginecoobstetricia/unlockDocument/" + id,
      type: "GET",

      success: function(res) {
        if (res.r) {
          swal(res.message, "", "success");
          $("#unlock-" + id).remove();
        } else {
          swal(res.message, "warning");
        }
      },
      error: function(err) {
        swal("Error al actualizar", err.responseJSON.message, "error");
      }
    });
  }

  function commitCancel() {
    id = $("#btn-modal-cancel").attr("data-id");

    if (!$("#template_response_id").val() || !$("#text_cancel").val()) {
      swal("Error", "{{ __('messages.request_table.error_required') }}", "error");
      return;
    }

    swal({
      title: "{{ __('messages.request_table.title_cancel') }}",
      text: "{{ __('messages.request_table.text_cancel') }}",
      icon: "warning",
      buttons: true,
      dangerMode: false
    }).then(function(gofn) {
      if (gofn) {
        var data = {
          template_response_id: $("#template_response_id").val(),
          text_cancel: $("#text_cancel").val()
        };
        $.ajax({
          url: "/request/cancel/document/" + id,
          type: "PUT",
          contentType: "application/json",
          headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            "Content-Type": "application/json"
          },
          data: JSON.stringify(data),
          success: function(res) {
            swal(res.message, "", "success").then(function() {
              window.location.href = "/control_table";
            });
            $("#modal-cancel").modal("hide");
          },
          error: function(err) {
            swal("Error", err.responseJSON.message, "error");
          }
        });
      }
    });
  }

  function commitState() {
    id = $("#btn-modal-state").attr("data-id");

    if (!$("#modal_state_id").val() || !$("#text_state").val()) {
      swal("Error", "{{ __('messages.request_table.error_required') }}", "error");
      return;
    }

    swal({
      title: "{{ __('messages.request_table.title_change') }}",
      text: "",
      icon: "warning",
      buttons: true,
      dangerMode: false
    }).then(function(gofn) {
      if (gofn) {
        var data = {
          modal_state_id: $("#modal_state_id").val(),
          text_state: $("#text_state").val()
        };
        $.ajax({
          url: "/request/change/state/" + id,
          type: "PUT",
          contentType: "application/json",
          headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            "Content-Type": "application/json"
          },
          data: JSON.stringify(data),
          success: function(res) {
            swal(res.message, "", "success").then(function() {
              window.location.href = "/control_table";
            });
            $("#modal-change-state").modal("hide");
          },
          error: function(err) {
            swal("Error", err.responseJSON.message, "error");
          }
        });
      }
    });
  }

  function makeCancelDocument(id) {
    $("#template_response_id").val("");
    $("#text_cancel").val(" ");
    $("#modal-cancel").modal("show");
    $("#btn-modal-cancel").attr("data-id", id);
  }

  function changeState(id) {
    $("#modal_state_id").val("");
    $("#text_state").val(" ");
    $("#modal-change-state").modal("show");
    $("#btn-modal-state").attr("data-id", id);
  }

  function viewCancelDocument(id) {
    $.ajax({
      url: "/request/view/cancel/" + id,
      type: "GET",
      contentType: "application/json",
      headers: {
        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        "Content-Type": "application/json"
      },
      success: function(res) {
        console.log(res);
        $("#template_response_id").val(res.template_response_id);
        $("#text_cancel").val(res.text_cancel);
        $("#template_response_id").prop("disabled", true);
        $("#text_cancel").prop("disabled", true);
        $("#modal-cancel").modal("show");
        $("#btn-modal-cancel").prop("disabled", true);

        // TODO: Mostrar Modal con datos de cancelacion.
      },
      error: function(err) {
        swal("Error", err.responseJSON.message, "error");
      }
    });
  }
</script>

@endsection