@extends('layouts.head') @section('content') @if(Auth::user()->centro->active==1)
<div class="row">
  <div class="col-xs-3"></div>
  <div class="col-xs-6">
    <h2 style="text-align: center">{{ __("messages.step1.text1") }}</h2>
  </div>
  <div class="col-xs-3"></div>
</div>
<form method="POST" action="{{ url('centers_specialties') }}" style="margin-top:30px;">
  {{ csrf_field() }}
  <div class="row">
    <div class="col-xs-3"></div>
    <div class="col-xs-6">
      <div class="form-group">
        <label for="exampleFormControlInput1">{{ __("messages.step1.specialty") }}</label>
        <select class="form-control" name="specialty_id" id="specialty_id">
          <option value="">{{ __("messages.step1.select") }}</option>
          @foreach($obj as $c)
          <a href="remoteContent.html" data-remote="false" data-toggle="modal" data-target="#modalLoader">
            <option value="{{$c->specialty->id}}">{{$c->specialty->name}}</option>
          </a>
          @endforeach
        </select>
      </div>
    </div>
    <div class="col-xs-3"></div>
  </div>

  <div class="row">
    <div class="col-xs-3"></div>
    <div class="col-xs-6">
      <div class="form-group">
        <label for="exampleFormControlInput1">{{ __("messages.step1.attention_type") }}</label>
        <select class="form-control" name="type_care_id" id="type_care_id">
          <option value="">{{ __("messages.step1.select") }}</option>
        </select>
      </div>
    </div>
    <div class="col-xs-3"></div>
  </div>
  <div class="row">
    <div class="col-xs-3"></div>
    <div class="col-xs-6">
      <button type="button" onclick="goStep2()" id="btnBusqueda-mensajeros" class="btn btn-success pull-right"
        style="background-color:#f79708; border-color:#f79708;">
        <i class="fa fa-check" style="margin-right:4px;"></i>{{ __("messages.step1.continue") }}
      </button>
    </div>
    <div class="col-xs-3"></div>
  </div>
</form>

@else
<div class="row" style="margin-top: 10%;">
  <div class="col-xs-3"></div>
  <div class="col-xs-6" style="display:flex; align-items: center;
    justify-content: center;">
    <img style="max-width: 20%;" src="{{ asset('images/sad.png') }}" alt="" />
  </div>
  <div class="col-xs-3"></div>
</div>

<div class="row">
  <div class="col-xs-3"></div>
  <div class="col-xs-6">
    <h2 style="text-align: center; color: #848383;">
      {{ __("messages.request.tag_1") }} "{{Auth::user()->centro->name}}" {{ __("messages.request.tag_2") }}
    </h2>
  </div>
  <div class="col-xs-3"></div>
</div>
@endif @include('requests.ginecoobstetricia.modal_loading')
<script src="{{ asset('js/requests/step1.js') }}"></script>
@endsection @section('extra-scripts')
<script>
  function goStep2() {
      var type_care_id = $('#type_care_id').val();
      var specialty_id = $('#specialty_id').val();

      if (!type_care_id || !specialty_id) {
          swal('Por favor indique todos los campos.');
          return;
      }

      var obj = {
          type_care_id: type_care_id,
          specialty_id: specialty_id,
          type_care: $('#type_care_id>option:selected').html(),
          specialty: $('#specialty_id>option:selected').html()
      };

      obj = JSON.stringify(obj);
      obj = window.btoa(obj);

      window.location = '{{ url('/request/check/step2' ) }}' + '/' + specialty_id + '/' + '?q='+ obj;
  }
</script>
@endsection