@extends('layouts.app')

@section('conteudo')

<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('{{$estudante->foto}}');">
  <div class="bg-black-75">
    <div class="content content-full content-top">
      <div class="py-4 text-center">
        <h1 class="fw-bold text-white mb-2">
          {{$estudante->nome}}
        </h1>
        <h2 class="h3 fw-normal text-white-75">
          {{$transferencia->data_nascimento ?? '---'}}
        </h2>
        <!-- @can('pode_editar_transferencia')
        <a class="btn btn-hero btn-primary" href="/editar_transferencia/{{$transferencia->id}}" data-toggle="click-ripple">
          <i class="fa fa-pencil-alt text-info"></i> Editar transferencia
        </a>
        @endcan -->
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_transferencia')
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Meta -->
  <div class="row items-push">
    <div class="col-md-6">
      <a class="block block-rounded block-bordered block-link-shadow h-100 mb-0" href="javascript:void(0)">
        <div class="block-content block-content-full text-center bg-body-light">
          <img class="img-avatar img-avatar-thumb" src="{{$transferencia->foto}}" alt="">
          <div class="mt-2">
            <p class="fw-semibold mb-0">
              Naturalidade: {{$transferencia->naturalidade}}
            </p>
          </div>
        </div>
        <div class="block-content block-content-full text-center">
          <div class="row g-sm">
            <div class="col-6">
              <div class="item item-circle mx-auto">
                <i class="fa fa-fw fa-boxes fa-2x text-dark"></i>
              </div>
              <p class="text-muted mb-0">
                {{$transferencia->telefone_residencial}}
              </p>
            </div>
            <div class="col-6">
              <div class="item item-circle mx-auto">
                <i class="fa fa-fw fa-users fa-2x text-dark"></i>
              </div>
              <p class="text-muted mb-0">
                {{$transferencia->telefone_celular}}
              </p>
            </div>
          </div>
        </div>
      </a>
    </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">Sexo: {{$estudante->sexo == 1 ? 'Masculino' : 'Feminino'}}</span>
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> RG: {{$estudante->rg}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-calendar me-1"></i> CPF: {{$estudante->cpf}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-shopping-basket me-1"></i> Email: {{$estudante->email}}
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- END Meta -->

  <h3>Transferências Efetuadas</h3> <br><br>

  <div class="block-content" style="margin-top: -50px;">
      <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">Data</th>
              <th class="d-sm-table-cell text-center">Turma Antiga</th>
              <th class="d-none d-sm-table-cell text-center">Nova Turma </th>
              <th class="d-none d-sm-table-cell text-center">Ano</th>
            </tr>
          </thead>
          <tbody>
            @foreach($transferencias as $item)
            <tr>
              <td class="d-sm-table-cell text-center fs-sm">{{date ('d/m/Y', strtotime($item->created_at))}}</td>
              <td class="d-sm-table-cell text-center fs-sm">{{$item->descricao_turma_antiga}} | {{$item->ano}} </td>
              <td class="d-sm-table-cell text-center fs-sm">{{$item->descricao_turma_atual}} | {{$item->ano}} </td>
              <td class="d-sm-table-cell text-center fs-sm">{{$item->ano}}</td>

            </tr>
            @endforeach
          </tbody>

        </table>
        <center>
          @if(count($transferencias)==0)
          <div class="alert alert-danger">
            Nenhuma Transferência efetuada a esse estudante
          </div>
          @endif
        </center>
      </div>
</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 Page Content -->



@endsection