@extends('layout.main')

@section('title', 'NUSA - Dashboard de Contratos')

@section('content')
            <div class="content">
        <div class="container-fluid">
          <div class="card">
            <div class="card-header card-header-info">
              <h4 class="card-title">Seja bem vindo(a), <strong>{{ $usuario }}</strong></h4>
              <p class="card-category">Hoje é dia 17/04/2026.</p>
            </div>
            <div class="card-body">
              <div id="typography">
                <div class="row">
                    
                    <div class="col-md-12 col-lg-6">
                    <div class="card">
                                <div class="card-header card-header-tabs card-header-info">
                                    <div class="nav-tabs-navigation">
                                        <div class="nav-tabs-wrapper">
                                            <h4 class="card-title">Tarefas</h4>
                                    <p class="card-category">Tarefas que precisam serem feitas.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="profile">
                                            <table class="table">
                                                <tbody>
                                                @foreach ($tarefas as $tarefa)
                                                    <tr>
                                                        <td>
                                                            <i class="material-icons text-info">hourglass_top</i>
                                                        </td>
                                                        <td>{{ $tarefa->tarefa }}</td>
                                                        <td> <strong> {{ $tarefa->status }} </strong> </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <div class="pull-right">{!! $tarefas->links() !!}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                    <!-- Final tabela de tarefas -->
                    </div>



                    <div class="col-lg-6 col-md-12">
                            <div class="card">
                                <div class="card-header card-header-info">
                                    <h4 class="card-title">Unidades cadastradas</h4>
                                    <p class="card-category">Unidades ativas no sistema.</p>
                                </div>
                                <div class="card-body table-responsive">
                                    <table class="table table-hover">
                                        <thead class="text-info">
                                            <th>#</th>
                                            <th>Nome</th>
                                            <th>Responsável</th>
                                            <th>Telefone</th>
                                        </thead>
                                        <tbody>
                                         @foreach ( $unidades as $unidade)
                                            <tr>
                                                <td>{{ $unidade->id }}</td>
                                                <td>{{ $unidade->nome }}</td>
                                                <td>{{ $unidade->tecnico }}</td>
                                                <td>{{ $unidade->telefone1 }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                    <div class="pull-right">{!! $unidades->links() !!}</div>
                                </div>
                            </div>
                        </div>

                    <!-- Final tabela unidades -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
@endsection