@extends('layouts.app')

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

{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_organizacao')

<!-- Hero -->
<!-- <div class="bg-dark bg-image" style="background-image: url('{{$organizacao->logotipo}}');"> -->
<div class=" bg-image" style="margin-top: 5%;">
  <!-- <div class="block block-rounded "> -->
    <!-- <div class="content content-full content-top"> -->
    <div style=" margin-left:73%; margin-top: 3%; margin-bottom: -5%;">
        <a class="btn btn-hero btn-primary" href="/editar_organizacao/{{$organizacao->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="/organizacoes" >
          <i class="fa fa-reply" aria-hidden="true"></i>
          <span class="d-none d-sm-inline ms-1">voltar</span>
        </a>
      </div>
      <div class="py-4 text-center">
        <!-- <h1 class="fw-bold text-white mb-2"> -->
          <!-- {{$organizacao->nome}} -->
          <img class=" img-avatar96" src="{{$organizacao->logotipo}}"  id="preview-img" style="border-radius: 50% ;">
        <!-- </h1> -->
        <!-- <h2 class="h3 fw-normal text-white-75">
          {{$organizacao->razao_social}}
        </h2> -->
      </div>

    <!-- </div> -->
  <!-- </div> -->
</div>
<!-- END Hero -->

<!-- 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="{{$organizacao->logotipo}}" alt="">
          <div class="mt-2">
            <p class="fw-semibold mb-0">
              Razão Social: {{$organizacao->nome}}
            </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">
                {{$organizacao->telefone1}}
              </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">
                {{$organizacao->telefone2}}
              </p>
            </div>
          </div>
        </div>
      </a>
    </div> -->
    <div class="col-md-12 ">
      <div class="block block-rounded  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> Razão Social: {{$organizacao->razao_social}}
                  </span>
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Nome fantasia: {{$organizacao->nome}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                   CNPJ: {{$organizacao->cnpj}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                Inscrição Municipal: {{$organizacao->inscricao_estadual}}
                   <!-- não tem inscrição estadual utilizado e mudado nomenclatura --></td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                Representante Legal: {{$organizacao->representante_legal}}
                   <!-- não tem inscrição estadual utilizado e mudado nomenclatura --></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- END Meta -->

  <div class="row">
    <div class="col-sm-6">
      <!-- Billing Address -->
      <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">{{$organizacao->endereco}}</div> -->
          <address class="fs-sm" >
          {{$organizacao->endereco}}, {{$organizacao->numero}},{{$organizacao->bairro}} - {{$organizacao->cidade}}/{{$organizacao->estado}} <br>
            {{$organizacao->cep}}<br>
            <br>
          </address>
        </div>
      </div>
      <!-- END Billing Address -->
    </div>
    <div class="col-sm-6">
      <!-- Shipping Address -->
      <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">
          <!-- <div class="fs-4 mb-1">Assinatura: {{$organizacao->assinatura}}</div> -->
          <address class="fs-sm">
            Telefone 1 : {{$organizacao-> telefone1}}<br>
            Telefone 2 : {{$organizacao-> telefone2}}<br>
            E-mail : {{$organizacao-> email}}
            <!-- Estado: {{$organizacao->estado}}<br>
            Cidade: {{$organizacao->cidade}}<br> -->
            <!-- Inscrição Estadual:{{$organizacao->inscricao_estadual}}<br> -->
          </address>
        </div>
      </div>
      <!-- END Shipping Address -->
    </div>
  </div>

</div>
<!-- END All Products -->

{{-- 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

{{-- Fim da condicional de bloqueio --}}

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


@include('conteudos.projetos.modal_criar_projeto');

@endsection