@if(Auth::user()->super_admin !== 1)
{{ Auth::logout() }}
@endif
@include('includes.header')
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item">{{ $categorie }}</li>
          <li class="breadcrumb-item active"
          aria-current="page">Copropriétés</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des copropriétés</h1>
    </div>
    <div class="flatpickr-wrapper ml-3">
      <button type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#newCopropriete"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouvelle copropriété
    </div>
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  <div class="row">
    @foreach($admcoproprietes as $admcopropriete)
    <div class="col-md-3">
      <div class="card card__course">
        <div class="card-header card-header-large card-header-dark bg-dark d-flex justify-content-center" @if(Auth::user()->copropriete_active == $admcopropriete->id) style="background-color: #16ba71 !important;height: 185px !important;" @else style="height: 185px !important;" @endif>
          <div class="card-header__title  justify-content-center align-self-center d-flex flex-column" href="#">
            @if(!empty($admcopropriete->logo))
            <span><img class="card-img-top" style="width:64px;margin:15px;height:64px" src="/{{ $admcopropriete->logo }}"></span>
            @else
            <form id="my-element{{ $admcopropriete->id }}" class="dropzone dz-clickable media align-items-center" action="{{ route('changecopropriete.logo') }}" method="post">
              <input type="hidden" name="copropriete_id" value="{{ $admcopropriete->id }}" />
            </form>
            @endif
            <span class="course__subtitle">{{ $admcopropriete->nom }}</span>
            <span class="course__title">{{ $admcopropriete->description }}</span>
            <span class="course__title">
              <form action="/copropriete/delete" method="post" style="display: contents;margin-left: auto;margin-right: auto;width: 40%;">
                @csrf
                <a href="#"
                data-toggle="modal"
                data-target="#editCopropriete{{ $admcopropriete->id }}"><i class="fas fa-edit"></i></a>&nbsp;&nbsp;
                @if(Auth::user()->copropriete_active != $admcopropriete->id)
                <input type="hidden" name="id" value="{{ $admcopropriete->id }}" />
                <button type="submit" href="#" style="border:none;background-color:transparent;color:#fff"><i class="fas fa-trash"></i></button>
                @endif          
              </form>
            </span>
          </div>
        </div>
        <br>
        <div class="row" style="padding:5px">
          <div class="col-sm">
            @if(Auth::user()->copropriete_active != $admcopropriete->id)
            <form action="{{ route('changecopropriete') }}" method="post">
              @csrf
              <input type="hidden" value="{{ Auth::user()->id }}" name="user_id">
              <input type="hidden" value="{{ $admcopropriete->id }}" name="changecopropriete">
              <button type="submit" class="btn btn-warning"><i class="fas fa-folder"></i>&nbsp;&nbsp;Choisir</button>
            </form>
            @else
            <button type="submit" class="btn btn-success" disabled><i class="fas fa-folder-open"></i>&nbsp;&nbsp;Choisir</button>
            @endif
          </div>
          <div class="col-sm">
            @if(!empty($admcopropriete->website))<a href="{{ $admcopropriete->website }}" class="btn btn-primary"><i class="fas fa-globe"></i>&nbsp;&nbsp;Site web</a>@endif
          </div>
        </div>
      </div>
    </div>
    @endforeach
  </div>
</div>

</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('widgets.newCopropriete')
@foreach($admcoproprietes as $admcopropriete)
@include('widgets.editCopropriete', ['id' => $admcopropriete->id])
@endforeach
@include('includes.footer')
<style>
  [dir] .dropzone .dz-message {
   padding: 0px !important;
   border: 0px !important;
   border-radius: 0px !important;
   background-color: transparent !important;
 }
 .dz-button {
  background: transparent;
  border: none;
}
</style>
<script>
  $(document).ready(function() {
    $('.selectmodules').select2();
  });
  var CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]').getAttribute("content");

  Dropzone.autoDiscover = false;
  var myDropzone = new Dropzone(".dropzone",{ 
        maxFilesize: 3,  // 3 m
        acceptedFiles: ".jpeg,.jpg,.png,.pdf",
        dictDefaultMessage: '<div class="dz-preview dz-file-preview dz-clickable" style="padding-bottom:10px"><div class="avatar dz-error dz-complete" style="width: 80px; height: 80px;"><img src="assets/images/account-add-photo.svg" class="avatar-img rounded" alt="..." data-dz-thumbnail=""></div></div>'
      });
  myDropzone.on("sending", function(file, xhr, formData) {
   formData.append("_token", CSRF_TOKEN);
   formData.append("file", file);
   console.log(file);
 });
  myDropzone.on("success", function(file, xhr) {
   console.log(file);
 }); 
</script>
</body>
</html>