@extends('layouts.default')
@section('content')
   
<div class="container-fluid">
   <div class="nk-content-inner">
         <div class="nk-content-body">
            <div class="nk-block">
               <div class="card card-bordered">
                     <div class="card-aside-wrap">
                        <div class="card-inner card-inner-lg">
                           <div class="nk-block-head nk-block-head-lg">
                                 <div class="nk-block-between">
                                    <div class="nk-block-head-content">
                                       <h4 class="nk-block-title">Modifier un artiste</h4>
                                    </div>
                                    <div class="nk-block-head-content align-self-start d-lg-none">
                                       <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                                    </div>
                                 </div>
                           </div><!-- .nk-block-head -->
                           <div class="nk-block">
                           <form class="form-validate" method="post" action="{{ route('editArtistAdAp',['id' => $AdApSelected->id]) }}">
                              @csrf
                                 <div class="row g-gs">
                                    <div class="col-md-6">   
                                       <div class="form-group">
                                          <label class="form-label">Selectionnez l'artiste</label>
                                          <div class="form-control-wrap">
                                                <input type="hidden" name="idAdAp" id="idAdAp" value="{{$user->id}}">
                                                <input type="hidden" name="filesUploaded" id="filesUploaded" >
                                                <input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
                                                <select class="form-select" onchange="chg()" data-placeholder="Selectionnez l'artiste" name="artist" id="artist" required>
                                                @if($catalogue == null)
                                                <option value="">Sélectionnez un artiste</option>
                                                @endif
                                                   <option value="{{$AdApSelected->idArtiste}}" >{{$AdApSelected->nameArtist}}</option>  
                                                </select>
                                          </div>
                                       </div>
                                    </div>
                                    @if($user->profil == 'AD')
                                    <div class="col-md-6">   
                                       <div class="form-group">
                                          @if($catalogue == null)
                                          <div class="renderListCatalog"></div>
                                          @else
                                          <label class="form-label">Selectionnez le catalogue</b></label>
                                          <div class="form-control-wrap">
                                             <select class="form-control" id="idCatalogue" name="idCatalogue" required>
                                                   <option value="{{$catalogue->id}}">{{$catalogue->name}}</option>
                                             </select>
                                          </div>
                                          @endif
                                       </div>
                                    </div>
                                    @endif
                                    <div class="col-md-6">                     
                                       <div class="form-group">
                                          <label class="form-label">Commission de vente (%)</label>
                                          <div class="form-control-wrap">
                                             <input type="text" class="form-control" id="commission_vente" name="commission_vente" value="{{$AdApSelected->commission_vente}}" required>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">                    
                                       <div class="form-group">
                                          <label class="form-label">Commission de revente (%)</label>
                                          <div class="form-control-wrap">
                                             <input type="text" class="form-control" id="commission_revente" name="commission_revente" value="{{$AdApSelected->commission_revente}}" required>
                                          </div>
                                       </div>
                                    </div>
                                   
                                    <div class="col-md-6">                     
                                       <div class="form-group">
                                          <label class="form-label">Paiement au contrat €</label>
                                          <div class="form-control-wrap">
                                             <input type="text" class="form-control" id="amountEuro" name="amountEuro" value="{{$AdApSelected->amountEuro}}">
                                          </div>
                                       </div>
                                    </div>

                                    <div class="col-md-6">                     
                                       <div class="form-group">
                                          <label class="form-label">Paiement au contrat $NSTARS</label>
                                          <div class="form-control-wrap">
                                             <input type="text" class="form-control" id="amountNafs" name="amountNafs" value="{{$AdApSelected->amountNafs}}">
                                          </div>
                                       </div>
                                    </div>

                                    <div class="col-md-6">                     
                                       <div class="form-group">
                                          <label class="form-label">Date Contrat</label>
                                          <div class="form-control-wrap">
                                             <div class="input-daterange date-picker-range input-group">
                                                <input type="text" class="form-control" id="dateContrat" name="dateContrat" value="{{$AdApSelected->dateContrat}}">
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                    @if($user->profil == 'AD')      

                                    <div class="col-md-6">              
                                       <div class="form-group">
                                          <label class="form-label">Durée du contrat</label>
                                          <div class="form-control-wrap">
                                                <div class="input-daterange date-picker-range input-group">
                                                   <input type="text" class="form-control" name="dateStart" id="dateStart" value="{{$AdApSelected->dateStart}}"/>
                                                   <div class="input-group-addon">à</div>
                                                   <input type="text" class="form-control" name="dateEnd" id="dateEnd" value="{{$AdApSelected->dateEnd}}"/>
                                                </div>
                                          </div>
                                       </div>
                                    </div>
                                    
                                    @endif

                                    <div class="col-md-12">
                                       <div class="form-group">
                                          <label class="form-label" for="fv-message">Commentaire/notes</label>
                                          <div class="form-control-wrap">
                                             <textarea class="form-control form-control-sm" id="comment" name="comment" placeholder="Tapez une description">{{$AdApSelected->comment}}</textarea>
                                          </div>
                                       </div>
                                    </div>
                                    
                                    @if(count($files) > 0) 
                                    <div class="col-md-12">
                                       <div class="form-group">
                                          <label class="form-label" for="fv-message">Fichiers téléchargés : </label>
                                          <div class="form-control-wrap">
                                             <div class="table-responsive">
                                                <table class="table table-striped">
                                                   <thead>
                                                      <tr>
                                                            <th>Fichier</th>
                                                            <th>Action</th>
                                                      </tr>
                                                   </thead>
                                                   <tbody>
                                                      
                                                         @foreach ($files as $file)
                                                         <tr>
                                                            <td><a href="/public/public/assets/uploads/{{$file->filename}}" target="blanc">{{$file->original_filename}}</a></td>
                                                            <td><a data-record-id="{{$file->id}}" data-record-title="{{$file->original_filename}}" data-toggle="modal" data-target="#confirm-delete">Supprimer</a></td>
                                                         </tr>
                                                         @endforeach
                                                      
                                                   </tbody>
                                                </table>
                                             </div>
                                          </div>
                                       </div>
                                    </div>


                                    <div class="modal fade" tabindex="-1" id="confirm-delete">
                                       <div class="modal-dialog" role="document">
                                          <div class="modal-content">
                                             <div class="modal-body modal-body-lg text-center">
                                                   <div class="nk-modal">
                                                      <em class="nk-modal-icon icon icon-circle icon-circle-xxl ni ni-cross bg-danger"></em>
                                                      <h4 class="nk-modal-title">Suppression fichier</h4>
                                                      <div class="nk-modal-text">
                                                         <p>Vous voulez vraiment supprimer le fichier <b class="title"></b>?</p>
                                                      </div>
                                                      <div class="nk-modal-action mt-5">
                                                         <button type="button" class="btn btn-mw btn-light" data-dismiss="modal">Annuler</button>
                                                         <button type="button" class="btn btn-danger btn-ok">Supprimer</button>
                                                      </div>
                                                   </div>
                                             </div><!-- .modal-body -->
                                          </div>
                                       </div>
                                    </div>

                                    @endif
                           
                                                   
                                    <div class="col-sm-12">
                                       <label class="form-label">Fichiers à ajouter (4MB maximum par fichier)</label>
                                       <div class="upload-zone" data-max-file-size="20">
                                             <div class="dz-message" data-dz-message>
                                                <span class="dz-message-text">Glisser-déposer le fichier</span>
                                             </div>
                                       </div>
                                    </div>

                         
                                 </div>

                                
                                 
                              
                                 <div class="col-md-12 m-b-20">
                                       <div class="form-group">
                                          <button type="submit" class="btn btn-lg btn-primary" style="margin-top: 50px;float: right;">Envoyer</button>
                                       </div>
                                 </div>
                           </form>
                           </div><!-- .nk-block -->
                        </div>
                        <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg" data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                           <div class="card-inner-group" data-simplebar>
                                 <div class="card-inner">
                                    <div class="user-card">
                                       <div class="user-avatar bg-primary">
                                             <span>{{substr($user->firstname, 0, 1)}} {{substr($user->lastname, 0, 1)}}</span>
                                       </div>
                                       <div class="user-info">
                                             <span class="lead-text">{{$user->firstname}} {{$user->lastname}}</span>
                                             <span class="sub-text">{{$user->email}}</span>
                                       </div>
                                       <div class="user-action">
                                             <div class="dropdown">
                                                <a class="btn btn-icon btn-trigger mr-n2" data-toggle="dropdown" href="#"><em class="icon ni ni-more-v"></em></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                   <ul class="link-list-opt no-bdr">
                                                      <li><a href="{{ route('updateayantaffaire', ['id' => $user->id]) }}"><em class="icon ni ni-edit-fill"></em><span>Modifier Profil</span></a></li>
                                                   </ul>
                                                </div>
                                             </div>
                                       </div>
                                    </div><!-- .user-card -->
                                 </div><!-- .card-inner -->
                                 <div class="card-inner">
                                    <div class="user-account-info py-0">
                                       <h6 class="overline-title-alt">Gain total</h6>
                                       <div class="user-balance">{{ number_format($user->g_total, 2) }} <small class="currency currency-btc">€</small></div>
                                       <div class="user-balance-sub">Montant facturé <span>{{ number_format($user->m_du, 2) }} <span class="currency currency-btc">€</span></span></div>
                                    </div>
                                 </div><!-- .card-inner -->
                                 <div class="card-inner p-0">
                                    <ul class="link-list-menu">
                                       <li><a href="{{ route('showayantaffaire', ['id' => $user->id]) }}"><em class="icon ni ni-user-fill-c"></em><span>Informations Personnelles</span></a></li>
                                       <li><a class="active" href="{{ route('AdApArtistList', ['id' => $user->id]) }}"><em class="icon ni ni-activity-round-fill"></em><span>Artistes affectés</span></a></li>
                                       <li><a href="{{route('ArtistAddToAdDp',['id' => $user->id])}}"><em class="icon ni ni-grid-add-fill-c"></em><span>Ajouter un artiste</span></a></li>
                                       <li><a href="{{route('PaiementList',['id' => $user->id])}}"><em class="icon ni ni-grid-add-fill-c"></em><span>Paiements</span></a></li>
                                    </ul>
                                 </div><!-- .card-inner -->
                           </div><!-- .card-inner-group -->
                        </div><!-- card-aside -->
                     </div><!-- .card-aside-wrap -->
               </div><!-- .card -->
            </div><!-- .nk-block -->
         </div>
   </div>
</div>

@stop

@section('addedJs')

<script type="text/javascript">
function chg(){
   artiste = document.getElementById("artist").value;
   console.log(artiste);
   $.ajax({
            url: "/public/ArtistAddToAdDp/getListCatalogue",
            type:"GET",
            data:{
                idArtiste:artiste,
            },
            success:function(response){
                console.log(response);
                $('.renderListCatalog').html(response);
            },
        });
}

      $('#confirm-delete').on('click', '.btn-ok', function(e) {
            var $modalDiv = $(e.delegateTarget);
            var id = $(this).data('recordId');
            let _token = $('#token').val();
            $modalDiv.addClass('loading');
            $.ajax({
               url: "/public/files/deleteFile",
               type:"POST",
               data:{
                     id:id,
                     _token: _token,
               },
               success:function(response){
                  console.log("laaaa");
                     $('#successMsg').text(response.message);
                     $(".succes-alert").css("display", "block");
                     setTimeout(function() {
                        $modalDiv.modal('hide').removeClass('loading');
                        window.location.replace("{{route('ArtistEditAdDp',['id' => $user->id, 'idadap' => $AdApSelected->id])}}"); 
                     }, 1000)
               },
               });
           
            
        });
        $('#confirm-delete').on('show.bs.modal', function(e) {
            var data = $(e.relatedTarget).data();
            $('.title', this).text(data.recordTitle);
            $('.btn-ok', this).data('recordId', data.recordId);
        });

</script>
@stop