@extends('adminlte::page')

@section('title','GrupoProcesso')

@section('content_header')
  <h1>GrupoProcesso
    <a href="{{ route('grupo-processo.create') }}" class="btn btn-sm btn-success">Novo GrupoProcesso</a>
  </h1>
@endsection

@section('css')
<style>
  .select2-selection--single { height: 38px !important; }
  .select2-container { width: 100% !important; }
  .cursor-pointer { cursor: pointer; }
  .table-nested thead th { background: #f8f9fa; }
</style>
@stop

@section('content')

  @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  <div class="card">
    {{-- FILTROS --}}
    <form action="{{ route('grupo-processo.index') }}" method="GET" style="padding:12px;">
      <div class="row" style="padding-left: 50px;">
        <div class="input-group w-100">

          <div class="col-md-4">
            <label class="col-form-label">Grupo de Processo</label>
            <select class="form-control select2" name="id_grupo_processo" id="id_grupo_processo">
              <option value="">Todos</option>
              @foreach ($grupos_select as $grp)
                <option value="{{ $grp->id_grupo_processo }}"
                  {{ (request('id_grupo_processo') == $grp->id_grupo_processo) ? 'selected' : '' }}>
                  {{ $grp->grupo_nome }}
                </option>
              @endforeach
            </select>
          </div>

          @php
            $statusSelected = request()->has('grupo_status')
              ? request('grupo_status')
              : ( request()->filled('id_grupo_processo') ? '' : '1' );
          @endphp
          <div class="col-md-2">
            <label class="col-form-label">Status</label>
            <select class="form-control" name="grupo_status" id="grupo_status">
              <option value=""  {{ $statusSelected===''  ? 'selected':'' }}>Todos</option>
              <option value="1" {{ $statusSelected==='1' ? 'selected':'' }}>Ativo</option>
              <option value="2" {{ $statusSelected==='2' ? 'selected':'' }}>Inativo</option>
            </select>
          </div>

          <div class="col-md-4">
            <label class="col-form-label">Buscar por nome do grupo</label>
            <input type="text" name="busca" class="form-control" value="{{ request('busca') }}" placeholder="Ex.: Pré-operatório">
          </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>

    {{-- LISTA DE GRUPOS --}}
    <div class="card-body p-0">
      <table class="table table-hover mb-0">
        <thead>
          <tr>
            <th style="width: 60px;"></th>
            <th>#</th>
            <th>GrupoProcesso</th>
            <th>Status</th>
            <th>Qtd. Processos</th>
            <th style="width: 210px;">Ações</th>
          </tr>
        </thead>

        <tbody id="accordion-grupos">
          @forelse ($grupos as $g)
            @php
              $collapseId = 'grp_'.$g->id_grupo_processo;

              // Separa processos por tipo de funil
              $part = $g->processos->filter(function($p){
                return (int)optional($p->funil)->vd_tipo === 1;
              })->sortBy(function($p){
                // Ativo primeiro (0), depois ordem crescente
                $rank = ($p->processo_status == 1) ? 0 : 1;
                return sprintf('%d-%06d', $rank, (int)($p->processo_ordem ?? 999999));
              })->values();

              $conv = $g->processos->filter(function($p){
                return (int)optional($p->funil)->vd_tipo === 2;
              })->sortBy(function($p){
                $rank = ($p->processo_status == 1) ? 0 : 1;
                return sprintf('%d-%06d', $rank, (int)($p->processo_ordem ?? 999999));
              })->values();
            @endphp

            {{-- LINHA DO GRUPO --}}
            <tr class="cursor-pointer" data-toggle="collapse" data-target="#{{ $collapseId }}" aria-expanded="false" aria-controls="{{ $collapseId }}">
              <td class="text-center">
                <i class="fas fa-chevron-down"></i>
              </td>
              <td>{{ $g->id_grupo_processo }}</td>
              <td>{{ $g->grupo_nome }}</td>
              <td>{{ $g->grupo_status == 1 ? 'Ativo' : 'Inativo' }}</td>
              <td>{{ $g->processos_count }}</td>
              <td>
                <a href="{{ route('grupo-processo.edit', $g->id_grupo_processo) }}" class="btn btn-sm btn-info">Editar</a>

                @if (Auth::user()->admin == 1 || Auth::user()->admin == 2)
                  <form class="d-inline" action="{{ route('grupo-processo.destroy', $g->id_grupo_processo) }}" method="POST" onsubmit="return confirm('Excluir este GrupoProcesso e TODOS os processos?')">
                    @method('DELETE')
                    @csrf
                    <button class="btn btn-sm btn-danger">Excluir</button>
                  </form>
                @endif
              </td>
            </tr>

            {{-- LINHA COLAPSÁVEL COM DOIS GRIDS --}}
            <tr class="p-0">
              <td colspan="6" class="p-0 border-0">
                <div id="{{ $collapseId }}" class="collapse" data-parent="#accordion-grupos">
                  <div class="p-3">

                    {{-- GRID PARTICULAR --}}
                    <h5 class="mb-3">Processos — Particular</h5>
                    <div class="table-responsive mb-4">
                      <table class="table table-sm table-bordered table-nested">
                        <thead>
                          <tr>
                            <th style="width: 300px;">Funil</th>
                            <th>Processo</th>
                            <th style="width: 80px;">Ordem</th>
                            <th style="width: 100px;">Status</th>
                          </tr>
                        </thead>
                        <tbody>
                          @forelse ($part as $p)
                            <tr>
                              <td>Particular - {{ optional($p->funil)->funil_nome ?? '-' }}</td>
                              <td>{{ $p->processo_nome }}</td>
                              <td>{{ $p->processo_ordem }}</td>
                              <td>{{ $p->processo_status == 1 ? 'Ativo' : 'Inativo' }}</td>
                            </tr>
                          @empty
                            <tr><td colspan="4">Nenhum processo de Particular.</td></tr>
                          @endforelse
                        </tbody>
                      </table>
                    </div>

                    {{-- GRID CONVÊNIO --}}
                    <h5 class="mb-3">Processos — Convênio</h5>
                    <div class="table-responsive">
                      <table class="table table-sm table-bordered table-nested">
                        <thead>
                          <tr>
                            <th style="width: 300px;">Funil</th>
                            <th>Processo</th>
                            <th style="width: 80px;">Ordem</th>
                            <th style="width: 100px;">Status</th>
                          </tr>
                        </thead>
                        <tbody>
                          @forelse ($conv as $p)
                            <tr>
                              <td>Convênio - {{ optional($p->funil)->funil_nome ?? '-' }}</td>
                              <td>{{ $p->processo_nome }}</td>
                              <td>{{ $p->processo_ordem }}</td>
                              <td>{{ $p->processo_status == 1 ? 'Ativo' : 'Inativo' }}</td>
                            </tr>
                          @empty
                            <tr><td colspan="4">Nenhum processo de Convênio.</td></tr>
                          @endforelse
                        </tbody>
                      </table>
                    </div>

                  </div>
                </div>
              </td>
            </tr>

          @empty
            <tr><td colspan="6" class="text-center">Nenhum GrupoProcesso encontrado.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

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

@section('js')
<script>
$(function(){
  $('.select2').select2();

  // Alterna ícone do chevron ao abrir/fechar
  $('#accordion-grupos').on('show.bs.collapse', function(e){
    $(e.target).closest('tr').prev().find('i.fas').removeClass('fa-chevron-down').addClass('fa-chevron-up');
  });
  $('#accordion-grupos').on('hide.bs.collapse', function(e){
    $(e.target).closest('tr').prev().find('i.fas').removeClass('fa-chevron-up').addClass('fa-chevron-down');
  });
});
</script>
@stop