@extends('layouts.app')

@section('conteudo')
@php
    function trataPerfil($perfil){
        switch ($perfil) {

            case 1:
                return 'Administrativo';
                break;
            case 2:
                return 'Professor(a)';
                break;
            case 3:
                return 'Instrutor(a)';
                break;
            case 4:
                return 'Instrutor(a) Ou Coordenador(a)';
                break;
            case 5:
                return 'Voluntario';
                break;
                default:
                return 'Não há uma tipo de perfil atribuido';
        }

    }
@endphp

<br>
<center>
  @if (session('erro'))
  <div class="alert alert-danger">
    {{ session('erro') }}
  </div>
  @endif
</center>


<!-- Hero -->
<!-- <div class="bg-dark bg-image" style="background-image: url('{{$funcionario->foto}}');"> -->

<!-- <div class="bg-black-25">
  <div class="content content-full content-top">
    <div class="text-center">
      <h1 class="fw-bold text-white mb-2">
        {{$funcionario->nome_completo}}
      </h1>
      <h2 class="h3 fw-normal text-white-75">
        {{$funcionario->tipo_perfil}}
      </h2>

    </div>
    <div style=" margin-left:73%">
      <a class="btn btn-hero btn-primary" href="/editar_funcionario/{{$funcionario->id}}" data-toggle="click-ripple">
        <i class="fa fa-pencil-alt text-info"></i> Editar
      </a>
      <a class="btn  btn-hero btn-primary my-2" href="/funcionarios">
        <i class="fa fa-reply" aria-hidden="true"></i>
        <span class="d-none d-sm-inline ms-1">voltar</span>
      </a>
    </div>
  </div>
</div> -->
<div class="container  bg-dark text-center" style="margin-top: 5%;">

  <div class="py-2">
        @if($funcionario->foto == null)
            <img class="img-avatar img-avatar96" src="/images/sem-foto1.jpg">
        @else
            <img class="img-avatar img-avatar96 " src="{{$funcionario->foto}}" alt="">
        @endif

    <h1 class="fw-bold text-white  ">
      {{$funcionario->nome_completo}}
    </h1>
  </div>
  <div style=" margin-left:73%; margin-top: -5%;">
    @can('pode_editar_funcionario')
    <a class="btn btn-hero btn-primary" href="/editar_funcionario/{{$funcionario->id}}" data-toggle="click-ripple">
      <i class="fa fa-pencil-alt"></i>
    </a>
    @endcan
    @can('pode_eliminar_funcionario')
    <a class="btn btn-hero btn-primary" href="/eliminar_funcionario/{{$funcionario->id}}" data-toggle="click-ripple">
      <i class="fa fa-trash" ></i>
    </a>
    @endcan
    @can('pode_visualizar_funcionario')
    <a class="btn  btn-hero btn-primary my-2" href="/funcionarios">
      <i class="fa fa-reply" aria-hidden="true"></i>
      <span class="d-none d-sm-inline ms-1"></span>
    </a>
    @endcan
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_funcionario')
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Meta -->
  <div class="row items-push">
    <div class="col-md-6">
      <div class="block block-rounded block-bordered block-link-shadow h-100 mb-0">
        <div class="block-content">
          <table class="table table-borderless table-striped">
            <tbody>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Razão Social: {{$funcionario->razao_social}}</span>
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-users me-1 text-danger"></i> CNPJ: {{$funcionario->cnpj}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-calendar me-1"></i> Tipo de Perfil: {{trataPerfil($funcionario->tipo_perfil)}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-users me-1 text-danger"></i> Data de Contratação: {{date ('d-m-Y', strtotime($funcionario->data_admissao))}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Data de Demissão: {{ ($funcionario->data_demissao && date('Y-m-d', strtotime($funcionario->data_demissao)) != '1969-12-31') ? date('Y-m-d', strtotime($funcionario->data_demissao)) : '' }}
                </td>
              </tr>

            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="block block-rounded block-bordered block-link-shadow h-100 mb-0">
        <div class="block-content">
          <table class="table table-borderless table-striped">
            <tbody>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">CPF: {{$funcionario->cpf}}</span>
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-users me-1 text-danger"></i> Whatsapp: {{$funcionario->celular}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-users me-1 text-danger"></i> Telefone: {{$funcionario->telefone}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-calendar me-1"></i> Data Nascimento: {{date ('d-m-Y', strtotime($funcionario->data_nascimento))}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Email: {{$funcionario->email_pessoal}}
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- END Meta -->

  <div class="row">
    <!-- <div class="col-sm-6">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Endereço</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 mb-1">CEP: {{$funcionario->endereco_cep}}</div>
          <address class="fs-sm">
            Endereço: {{$funcionario->endereco}}, {{$funcionario->numero_endereco}} <br>
            Complemento: {{$funcionario->complemento_endereco}}<br>
            Bairro: {{$funcionario->bairro_endereco}}<br>
          </address>
        </div>
      </div>
    </div> -->
    <!-- <div class="col-sm-12">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Outras Informações</h3>
        </div>
        <div class="block-content">
          <p>trazer as turmas que esse prestador da aula</p>
          <div class="fs-4 mb-1">Cargo: {{$funcionario->Cargo}}</div>
          <address class="fs-sm">
            Salário:{{$funcionario->salario}}<br>
            Ajuda de custo: {{$funcionario->ajuda_custo}}<br>
            <br>
            Data de Demissão:{{$funcionario->data_demissao}}<br>
          </address>
        </div>
      </div>
    </div>-->
  </div>



  <!-- matriculas -->
  <!-- <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Histórico</h3>
    </div>
    <div class="block-content">
      <div class="row">
        <div class="col-lg-12">
          <div class="block block-rounded block-bordered">

            <div class="table-responsive">
              <table class="table table-borderless table-striped table-vcenter">
                <thead>
                  <tr>
                    <th class="d-none d-sm-table-cell text-center">ID</th>
                    <th class="d-none d-sm-table-cell text-center">Turma</th>
                    <th class="d-none d-sm-table-cell text-center">Ano</th>
                    <th class="text-center">Ação</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($turmas as $item)
                  <tr>
                    <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->id}}</td>
                    <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->descricao}}</td>
                    <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->ano}}</td>
                    <td class="text-center fs-sm">
                      <a class="btn btn-sm btn-alt-secondary" href="/visualizar_turma/{{$item->id}}">
                        <i class="fa fa-fw fa-eye"></i>
                      </a>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div> -->



  {{-- <!-- Listagem de Projetos -->
          <div class="block block-rounded">
            <div class="block-header block-header-default">
              <h3 class="block-title">Projetos Pertencentes a {{$funcionario->_completo}}</h3>
  <div class="block-options">
    <a data-bs-toggle="modal" data-bs-target="#modalAddProjeto"> <button type="button" class="btn btn-alt-primary">
        + Criar Novo Projeto
      </button> </a>

  </div>
</div>
</div>

@if (\Session::has('success_project'))
<div class="alert alert-success">
  <ul>
    <center>
      <li>{!! \Session::get('success_project') !!}</li>
    </center>
  </ul>
</div>
@endif

<div class="block-content">
  <!-- All Products Table -->
  <div class="table-responsive">
    <table class="table table-borderless table-striped table-vcenter">
      <thead>
        <tr>
          <th class="text-center" style="width: 100px;">ID</th>
          <th class="d-none d-sm-table-cell text-center">Descrição</th>
          <th class="d-none d-sm-table-cell text-center">Tipo</th>
          <th class="d-none d-md-table-cell">Sigla</th>
          <th class="text-center">Ação</th>
        </tr>
      </thead>
      <tbody>
        @foreach($projetos as $item)
        <tr>
          <td class="text-center fs-sm">
            <strong>{{$item->id}}</strong>
          </td>
          <td class="text-center fs-sm">
            <strong>{{$item->descricao}}</strong>
          </td>
          <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->tipo_segmento}}</td>
          <td class="d-none d-md-table-cell fs-sm">
            {{$item->sigla}}
          </td>

          <td class="text-center fs-sm">
            @can('pode_visualizar_projeto')
            <a class="btn btn-sm btn-alt-secondary" href="/visualizar_projeto/{{$item->id}}">
              <i class="fa fa-fw fa-eye"></i>
            </a>
            @endcan
          </td>
        </tr>
        @endforeach

      </tbody>
    </table>
  </div>
  <!-- END All Projetos Table --> --}}

  <br><br><br>


  <!-- Pagination -->
  <!-- <nav aria-label="Photos Search Navigation">
    <ul class="pagination justify-content-end mt-2">
      <li class="page-item">
        <a class="page-link" href="javascript:void(0)" tabindex="-1" aria-label="Previous">
          Prev
        </a>
      </li>
      <li class="page-item active">
        <a class="page-link" href="javascript:void(0)">1</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:void(0)">2</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:void(0)">3</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:void(0)">4</a>
      </li>
      <li class="page-item">
        <a class="page-link" href="javascript:void(0)" aria-label="Next">
          Next
        </a>
      </li>
    </ul>
  </nav> -->
  <!-- END Pagination -->
</div>
</div>
{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan
<!-- END All Products -->


</div>
<!-- END Page Content -->



@endsection