@extends('layouts.app')

@section('conteudo')

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Projetos
        </h1>
        @can('pode_visualizar_projeto')
        <a class="btn btn-primary my-2" href="/projetos">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Projetos</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_projeto')
<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Editar Projeto</h3>
    </div>
    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/actualizar_projeto/{{$projeto->id}}" method="POST" enctype="multipart/form-data">
            <!-- <div class="row row-cols-lg-auto g-4 align-items-center"> -->
            <div class="row g-4 align-items-center">
              @csrf

              <div class="col-7">
                <label class="form-label" for="descricao">Nome do Projeto</label>
                <input type="text" class="form-control" id="descricao" name="descricao" value="{{$projeto->descricao}}" placeholder="Descrição">
              </div>
              <div class="col-5">
                <label class="form-label" for="coordenador_id">Coordenador*</label>
                <select class="form-control" id="coordenador_id" name="coordenador_id">
                  <option value=""></option>
                  @foreach($coordenadores as $item)
                  <option {{$item->id == $projeto->coordenador_id ? 'selected' : ''}} value="{{$item->id}}">{{$item->nome_completo}}</option>
                  @endforeach
                </select>
              </div>
              <!-- <div class="col-2">
                <label class="form-label" for="sigla">Sigla</label>
                <input type="text" class="form-control" id="sigla" name="sigla" value="{{$projeto->sigla}}" placeholder="Sigla">
              </div> -->
              <div class="col-4">
                <label class="form-label" for="organizacao_id">Organização</label>
                <select class="form-select" id="organizacao_id" name="organizacao_id">
                  @foreach($organizacoes as $item)
                  <option value="{{$item->id}}" {{$item->id == $projeto->organizacao_id ? 'selected' : ''}}>{{$item->nome}}</option>
                  @endforeach

                </select>
              </div>
              <!-- <div class="col-4">
                <label class="form-label" for="tipo_segmento">Tipo de Segmento</label>
                <select class="form-select" id="tipo_segmento" name="tipo_segmento">
                  <option value="Normal" {{"Normal" == $projeto->tipo_segmento ? 'selected' : ''}}>Normal</option>
                  <option value="Agrupamento" {{"Agrupamento" == $projeto->tipo_segmento ? 'selected' : ''}}>Agrupamento</option>
                  <option value="Eletivo" {{"Eletivo" == $projeto->tipo_segmento ? 'selected' : ''}}>Eletivo</option>

                </select>
              </div> -->
              <div class="col-4">
                <label class="form-label" for="tipo_segmento">categorias*</label>
                <select class="form-select" id="tipo_segmento" name="tipo_segmento">
                  @foreach($categorias as $item)
                  <option value="{{$item->id}}" {{$item->id == $projeto->tipo_segmento ? 'selected' : ''}}>{{$item->descricao}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-2">
                <label class="form-label" for="ano">Ano</label>
                <input type="text" class="form-control" id="ano" name="ano" value="{{$projeto->ano}}">
              </div>


              <div class="col-2">
                <br>
                <div class="space-x-2">
                  <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="inativo" name="inativo" value="0">
                    <label class="form-check-label" for="example-checkbox-inline1">Inativo</label>
                  </div>
                  <!-- <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="listar"  name="listar" value="1">
                    <label class="form-check-label" for="example-checkbox-inline2">Listar</label>
                  </div> -->
                </div>
              </div>

              <div class="col-12">
                <label class="form-label" for="observacoes">Descrição</label>
                <textarea class="form-control" id="observacoes" name="observacoes" rows="4" placeholder="Observações...">{{$projeto->descricao}}</textarea>
              </div>

              <div class="col-12">
                <label class="form-label" for="Conteudo_pedagogico">Conteúdo Pedagógico</label>
                <textarea class="form-control" id="Conteudo_pedagogico " name=" Conteudo_pedagogico" rows="4" placeholder="Conteúdo Pedagógico...">{{$projeto->Conteudo_pedagogico}}</textarea>
              </div>

            </div>
            <hr>
            <center> <a type="submit"> <button type="submit" class="btn btn-primary m-1">
                  <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Alterações
                </button> </a> </center>

          </form>
          <!-- END Form Inline - Alternative Style -->

        </div>
        <!-- END Inline Layout -->



      </div>
    </div>
    <!-- END Elements -->
  </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
@endsection