@extends('adminlte::page')

@section('title','Especialidades')

@section('content_header')
  <h1>
    <a href="{{ route('especialidade.create') }}" class="btn btn-sm btn-success">Nova Especialidade</a>
  </h1>
@endsection

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icheck-bootstrap/3.0.1/icheck-bootstrap.min.css">
<style>
  .select2-selection--single { height: 38px !important; }
  .select2-container { width: 100% !important; }
</style>
@stop

@section('content')
<div class="card">
  <form action="{{ route('especialidade.index') }}" method="GET" style="padding:12px;">
    <div class="row" style="padding-left:50px;">
      <div class="input-group">
        <div class="col-md-4">
          <label class="col-form-label">Especialidade</label>
          <select class="form-control select2-cg" name="id_especialidade" id="id_especialidade">
            <option value="">TODAS</option>
            @foreach ($select_especialidades as $opt)
              <option value="{{ $opt->id_especialidade }}">{{ $opt->nome }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-4">
          <label class="col-form-label">Nome (contém)</label>
          <input type="text" class="form-control" name="nome" value="{{ request('nome') }}">
        </div>
        <div class="col-md-2" style="margin-top:37px;">
          <div class="input-group-append">
            <input type="submit" class="btn btn-primary" value="Pesquisar">
          </div>
        </div>
      </div>
    </div>
  </form>

  <div class="card-body">
    <h3><b>Cadastros - especialidade</b></h3>
    <table class="table table-hover">
      <thead>
        <tr>
          <th>Código</th>
          <th>Nome</th>
          <th>Status</th>
          <th style="width:190px;">Ações</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($especialidades as $esp)
          <tr>
            <td>{{ $esp->id_especialidade }}</td>
            <td>{{ $esp->nome }}</td>
            <td>{{ $esp->status ? 'Ativado' : 'Desativado' }}</td>
            <td>
              <a href="{{ route('especialidade.edit', ['especialidade' => $esp->id_especialidade]) }}" class="btn btn-sm btn-info">Editar</a>
              @if (Auth::user()->admin == 1 || Auth::user()->admin == 2)
                <form class="d-inline" action="{{ route('especialidade.destroy', ['especialidade' => $esp->id_especialidade]) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja excluir?')">
                  @method('DELETE')
                  @csrf
                  <button class="btn btn-sm btn-danger">Excluir</button>
                </form>
              @endif
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>

{{ $especialidades->links() }}
@endsection

@section('js')
<script>
$(function(){
  $('.select2-cg').select2();
  @if(request('id_especialidade'))
    $('#id_especialidade').val('{{ request('id_especialidade') }}').trigger('change');
  @endif
});
</script>
@stop