@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">Ajouter 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('storeArtistToAdAp') }}" enctype="multipart/form-data">
                              @csrf
                                 <div class="row g-gs">
                                 @if($user->profil == 'AD')
                                    <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>
                                                   <option value="">Sélectionnez un artiste</option>
                                                                                                   </select>
                                          </div>
                                       </div>
                                    </div>
                                    
                                    <div class="col-md-6">   
                                       <div class="form-group">
                                          <div class="renderListCatalog"></div>
                                       </div>
                                    </div>
                                    @else
                                    <div class="col-md-12">   
                                       <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" id="token" name="_token" value="{{ csrf_token() }}">
                                                <select class="form-select" onchange="chg()" data-placeholder="Selectionnez l'artiste" name="artist" id="artist" required>
                                                   <option value="">Sélectionnez un artiste</option>
                                                                                                   </select>
                                          </div>
                                       </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" 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" 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">
                                          </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">
                                          </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">
                                             </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"/>
                                                   <div class="input-group-addon">à</div>
                                                   <input type="text" class="form-control" name="dateEnd" id="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"></textarea>
                                          </div>
                                       </div>
                                    </div>

                                    

                                          
                                    <div class="col-sm-12">
                                       <label class="form-label">Fichiers (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 href="{{ route('AdApArtistList', ['id' => $user->id]) }}"><em class="icon ni ni-activity-round-fill"></em><span>Artistes affectés</span></a></li>
                                       <li><a class="active" 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 src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
<script type="text/javascript">
function chg(){
   artiste = document.getElementById("artist").value;
   console.log(artiste);
   $.ajax({
            url: "getListCatalogue",
            type:"GET",
            data:{
                idArtiste:artiste,
            },
            success:function(response){
                console.log(response);
                $('.renderListCatalog').html(response);
            },
        });
}
/*Dropzone.options.myDropzone= {
    url: {{ route('storeArtistToAdAp') }},
    autoProcessQueue: false,
    uploadMultiple: true,
    parallelUploads: 5,
    maxFiles: 5,
    maxFilesize: 1,
    acceptedFiles: 'image/*',
    addRemoveLinks: true,
    init: function() {
        dzClosure = this; // Makes sure that 'this' is understood inside the functions below.

        // for Dropzone to process the queue (instead of default form behavior):
        document.getElementById("submit-all").addEventListener("click", function(e) {
            // Make sure that the form isn't actually being sent.
            e.preventDefault();
            e.stopPropagation();
            dzClosure.processQueue();
        });

        //send all the form data along with the files:
        this.on("sendingmultiple", function(data, xhr, formData) {
            formData.append("firstname", jQuery("#firstname").val());
            formData.append("lastname", jQuery("#lastname").val());
        });
    }
}*/

</script>
@stop