@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">Profil</li>
        </ol>
      </nav>
      <h1 class="m-0">Profil</h1>
    </div>
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  <form action="/profil/edit/{{ Auth::user()->id }}" method="post" enctype="multipart/form-data">
    @csrf
    <div class="card card-form" style="border:0px!important">
      <div class="row no-gutters">
        <div class="col-lg-4 card-body">
          <p><strong class="headings-color">Modifier votre mot de passe</strong></p>
          <p class="text-muted">Le mot de passe doit être tenu secret pour éviter qu'un tiers non autorisé puisse accéder à la ressource ou au service. C'est une méthode parmi d'autres pour vérifier qu'une personne correspond bien à l'identité déclarée. Il s'agit d'une preuve que l'on possède et que l'on communique au service chargé d'autoriser l'accès.</p>
        </div>
        <div class="col-lg-8 card-form__body card-body">
          <form>
            <div class="form-group">
              <label for="exampleInputEmail1">Votre courriel</label>
              <input type="email" value="{{ Auth::user()->email }}" class="form-control" disabled>
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Nouveau mot de passe</label>
              <input type="password" class="form-control" id="passwordpost" name="passwordpost">
            </div>
            <button type="submit" class="btn btn-success">Modifier votre mot de passe</button>
          </form>     
        </div>
      </div>
    </div>
    @foreach($registreprivatif as $privatif)
    <form action="/profil/registre/{{ $privatif->unite_id }}" method="post">
      @csrf
      <div class="card card-form" style="border:0px!important">
        <div class="row no-gutters">
          <div class="col-lg-4 card-body">
            <p><strong class="headings-color">Unité #{{ $privatif->unite_id }}</strong></p>
            <p class="text-muted">Informations à propos des copropriétaires et locataires</p>
          </div>
          <div class="col-lg-8 card-form__body card-body">
            <p><strong class="headings-color">Liste des propriétaires</strong></p>
            @php $i = 0; @endphp
            @foreach(json_decode($privatif->tenants) as $key => $proprio)
            @if(strpos($key, "proprio") !== false)
            <div class="block{{ $privatif->unite_id }}">
              <div class="form-group" style="height:50px">
                <div class="row">
                  <div class="col-10">
                    <label for="nom">Nom du propriétaire</label>
                    <input type="text" class="form-control" value="{{ $proprio->nom }}" name="nom[{{ $key }}][nom]" readonly>
                  </div>
                </div>
              </div>
              <div class="form-group" style="height:50px">
                <div class="row">
                  <div class="col-6">
                    <label for="nom">Téléphone</label>
                    <input type="text" class="form-control" @if(isset($proprio->telephone)) value="{{ $proprio->telephone }}" @endif name="nom[{{ $key }}][telephone]">
                  </div>
                  <div class="col-6">
                    <label for="nom">Courriel</label>
                    <input type="email" class="form-control" @if(isset($proprio->courriel)) value="{{ $proprio->courriel }}" @endif name="nom[{{ $key }}][courriel]">
                  </div>
                </div>
              </div>
            </div>
            @endif 
            @endforeach
            <div class="divproprio{{ $privatif->unite_id }}" style="padding-bottom:10px"></div>
            <p><strong class="headings-color">Liste des locataires @php $i = 0; @endphp @foreach(json_decode($privatif->tenants) as $key => $tenants) @if(strpos($key, "locataire") !== false) @php $i++; @endphp @endif @endforeach</strong></p>
            <div class="form-group" style="display:flex;gap:20px">
              <div class="custom-control custom-radio">
                <input class="custom-control-input" type="radio" name="flexRadioDefault{{ $privatif->unite_id }}" id="flexRadioDefault1{{ $privatif->unite_id }}" @if($i > 0) checked @endif>
                <label class="custom-control-label selectlocataire{{ $privatif->unite_id }}" for="flexRadioDefault1{{ $privatif->unite_id }}">
                  Ajouter des locataires
                </label>
              </div>
              <div class="custom-control custom-radio">
                <input class="custom-control-input" type="radio" name="flexRadioDefault{{ $privatif->unite_id }}" id="flexRadioDefault2{{ $privatif->unite_id }}" 
                @if($i == 0) checked @endif>
                <label class="custom-control-label proplocataire{{ $privatif->unite_id }}" for="flexRadioDefault2{{ $privatif->unite_id }}">
                  Les copropriétaires sont locataires
                </label>
              </div>
            </div>
            <div class="blockloc{{ $privatif->unite_id }}"></div>
            @php $correspondance = JSON_DECODE($privatif->correspondance) @endphp

            @if($i > 0)
            <label for="adresse">Adresse de correspondance des propriétaires</label>
            <div class="row">
              <div class="col-3">
                <input type="text" class="form-control" value="{{ $correspondance->numero }}" name="adresse[numero]" placeholder="Numéro">
              </div>
              <div class="col-6">
                <input type="text" class="form-control" value="{{ $correspondance->rue }}" name="adresse[rue]" placeholder="Rue">
              </div>
              <div class="col-3">
                <input type="text" class="form-control" value="{{ $correspondance->bureau }}" name="adresse[bureau]" placeholder="Bureau">
              </div>
            </div>
            <br>
            <div class="row">
              <div class="col-8">
                <input type="text" class="form-control" value="{{ $correspondance->ville }}" name="adresse[ville]" placeholder="Ville">
              </div>
              <div class="col-4">
                <input type="text" class="form-control" value="{{ $correspondance->cp }}" name="adresse[cp]" placeholder="Code postal">
              </div>
            </div><br>
            @php $i = 0; @endphp
            @foreach(json_decode($privatif->tenants) as $key => $locataire)
            @if(strpos($key, "locataire") !== false)
            <div class="form-group" style="height:50px">
              <div class="row">
                <div class="col-10">
                  <label for="nom">Nom du locataire</label>
                  <input type="text" class="form-control" value="{{ $locataire->nom }}" name="nom[{{ $key }}][nom]" required>
                </div>
                <div class="col-2">
                  <div class="flatpickr-wrapper ml-3">
                    <br><br><br>
                    @if($i == 0)
                    @php $i++ @endphp
                    <button type="button"
                    class="btn btn-secondary addlocataire{{ $privatif->unite_id }}" style="height:35px;margin-top: -55px;">
                    <i class="fas fa-plus"></i>&nbsp;&nbsp;</button>
                    @else
                    <button type="button" class="btn btn-danger removelocataire{{ $privatif->unite_id }}" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button>
                    @endif
                  </div>
                </div>
              </div>
            </div>
            <div class="form-group" style="height:50px">
              <div class="row">
                <div class="col-6">
                  <label for="nom">Téléphone</label>
                  <input type="text" class="form-control" @if(isset($locataire->telephone)) value="{{ $locataire->telephone }}" @endif name="nom[{{ $i }}][telephone]">
                </div>
                <div class="col-6">
                  <label for="nom">Courriel</label>
                  <input type="email" class="form-control" @if(isset($locataire->courriel)) value="{{ $locataire->courriel }}" @endif name="nom[{{ $i }}][courriel]">
                </div>
              </div>
            </div>
          </div>
          @endif
          @endforeach
          @endif
          <div class="divlocataire{{ $privatif->unite_id }}" style="padding-bottom:10px"></div>
          <div style="float:right">
            <button type="button"
            class="btn btn-light"
            data-dismiss="modal">Annuler</button>
            <button type="submit"
            class="btn btn-primary">Sauvegarder</button>
          </div>
        </div>
      </div>
    </div>
  </form>
  @endforeach
</div>
</div>
</div>
</div>
</div>

</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
  $(document).ready(function(){
    var i = 1;
    var iz = 1;
    $('.stationnement').select2();
    $("#search").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $("#products tr").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    }); 
    @foreach($registreprivatif as $privatif)
    $(".addproprio{{ $privatif->unite_id }}").click(function(){
      i++;
      $(".divproprio{{ $privatif->unite_id }}").append('<div class="block{{ $privatif->unite_id }}"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du propriétaire</label> <input type="text" class="form-control" name="nom[proprio'+i+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-danger removeproprio{{ $privatif->unite_id }}" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[proprio'+i+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[proprio'+i+'][courriel]"> </div> </div> </div></div>');
    });
    $(".proplocataire{{ $privatif->unite_id }}").click(function(){
      iz = 1;
    });      
    $(".selectlocataire{{ $privatif->unite_id }}").click(function(){
      if (iz == 1) {
        iz++;
        $(".divlocataire{{ $privatif->unite_id }}").append('<div class="form-group blockloc{{ $privatif->unite_id }}"> <label for="adresse">Adresse de correspondance des propriétaires</label> <div class="row"> <div class="col-3"> <input type="text" class="form-control" name="adresse[numero]" placeholder="Numéro"> </div> <div class="col-6"> <input type="text" class="form-control" name="adresse[rue]" placeholder="Rue"> </div> <div class="col-3"> <input type="text" class="form-control" name="adresse[bureau]" placeholder="Bureau"> </div> </div> <br> <div class="row"> <div class="col-8"> <input type="text" class="form-control" name="adresse[ville]" placeholder="Ville"> </div> <div class="col-4"> <input type="text" class="form-control" name="adresse[cp]" placeholder="Code postal"> </div> </div> </div><div class="blockloc{{ $privatif->unite_id }}"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du locataire</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-secondary addlocataire{{ $privatif->unite_id }}" style="height:35px;margin-top: -55px;"> <i class="fas fa-plus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[locataire'+iz+'][courriel]"> </div> </div> </div></div>');
      }
    });
    $('body').on('click', '.addlocataire{{ $privatif->unite_id }}', function() {
      iz++;
      $(".divlocataire{{ $privatif->unite_id }}").append('<div class="blockloc{{ $privatif->unite_id }}"><div class="form-group" style="height:50px"> <div class="row"> <div class="col-10"><label for="nom">Nom du locataire</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][nom]" required></div> <div class="col-2"><div class="flatpickr-wrapper ml-3"> <br><br><br> <button type="button" class="btn btn-danger removelocataire{{ $privatif->unite_id }}" style="height:35px;margin-top: -55px;"> <i class="fas fa-minus"></i>&nbsp;&nbsp;</button> </div></div> </div> </div><div class="form-group" style="height:50px"> <div class="row"> <div class="col-6"> <label for="nom">Téléphone</label> <input type="text" class="form-control" name="nom[locataire'+iz+'][telephone]"> </div> <div class="col-6"> <label for="nom">Courriel</label> <input type="email" class="form-control" name="nom[locataire'+iz+'][courriel]"> </div> </div> </div></div>');
    });
    $('body').on('click', '.removeproprio{{ $privatif->unite_id }}', function() {
      $(this).closest('.block{{ $privatif->unite_id }}').remove();
    });
    $('body').on('click', '.removelocataire{{ $privatif->unite_id }}', function() {
      $(this).closest('.blockloc{{ $privatif->unite_id }}').remove();
    });
    $('body').on('click', '.proplocataire{{ $privatif->unite_id }}', function() {
      $('.blockloc{{ $privatif->unite_id }}').remove();
      iz = 1;
    });
    @endforeach
  });
</script>
</body>

</html>