@extends('admin.layouts.default')
@section('content')
    <div class="content-box">
        <div class="row">
            <div class="col-md-12">
                <h5 class="form-header">Liste des projets</h5>

                <div class="element-box">
                    <div class="table-responsive">
                        <table class="table table-striped table-lightfont" id="projets">
                            <thead>
                                <tr>
                                    <th>id projet</th> 
                                    <th>Nom projet</th>
                                    <th>Client</th>
                                    <th>Type forfait esquisse     </th>
                                    <th>Type forfait conception</th>
                                    <th>Esquisse</th>
                                    <th>Date envoie esquisse</th>
                                    <th>Conceptions</th>
                                    <th>Date envoie conception</th>
                                    <th>Teminée</th>
                                    <th>Paiement</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($projets_designer as $projet)
                                @if($projet->projet)
                                <tr>
                                    <td> <a target="_blank" href="{{ route('admin.projets.details', $projet->projet->id)}}">{{ $projet->projet->id }}</a></td>
                                    <td>{{ $projet->projet->nom ?? $projet->projet->espace  }}</td>
                                    <td>{{ $projet->projet->user->prenom ?? '' }} {{ $projet->projet->user->nom ?? '' }}</td>
                                    <td>{{ $projet->projet->forfait ?? '' }}</td>
                                    <td>{{ $projet->projet->forfait_conception ?? '' }}</td>
                                    <td>
                                        @if($projet->proposition && $projet->proposition->is_draft==0 ?? 0)
                                            <i class="fa fa-check-circle text-success"></i> 
                                            <span style="opacity: 0">1</span>
                                        @else
                                            <i class="fa fa-times-circle text-danger"></i>
                                            <span style="opacity: 0">0</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($projet->proposition && $projet->proposition->is_draft==0 ?? 0)
                                            {{ $projet->proposition->updated_at }}
                                        @else
                                            ---
                                        @endif
                                    </td>
                                    <td>
                                        
                                        
                                    @if( $projet->projet->forfait_conception)
                                        @if( $nb = count($projet->conceptions) )
                                            @switch ($projet->projet->forfait_conception)
                                                @case('essentiel')
                                                    @if(count($projet->conceptions)>0)
                                                        <i class="fa fa-check-circle text-success"></i> 
                                                        <span style="opacity: 0">1</span>
                                                    @endif
                                                   @break;
                                                @case('incontournable')
                                                @case('fantastique')
                                                    @if(count( $projet->conceptions->where('is_final',1) ))
                                                        <i class="fa fa-check-circle text-success"></i> 
                                                        <span style="opacity: 0">1</span>
                                                    @endif
                                                    @break;
                                            @endswitch


                                        @else
                                            <i class="fa fa-times-circle text-danger"></i>
                                            <span style="opacity: 0">0</span>

                                        @endif
                                    @endif


                                    </td>
                                    <td>@if(count( $projet->conceptions->where('is_draft',0) ))
                                            {{ $projet->conceptions->where('is_draft',0)->last()->updated_at}}
                                        @else
                                            ---
                                        @endif
                                    </td>
                                    <td>
                                        @if($projet->projet->terminee)
                                            <i class="fa fa-check-circle text-success"></i>
                                            <span style="opacity: 0">1</span>
                                        @else
                                            <i class="fa fa-times-circle text-danger"></i>
                                            <span style="opacity: 0">0</span>
                                        @endif
                                    </td>
                                    @php
                                        $payed = \App\Models\ProjetDesigner::where('projet_id',$projet->projet->id)->where('designer_id',$designer->id)->first()->payed;
                                    @endphp
                                    <td class="text-center" action="{{route('admin.architectes.details_projets.update' , ['projet_id' => $projet->projet->id, 'designer_id' => $designer->id] )}}">
                                        <input class="check-payed" type="checkbox" name="checkbox_payed" id="checkbox_payed_{{$projet->projet->id}}" {{ $payed ? 'checked':'' }} > 
                                    </td>
                                </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')

<script src="{{ asset('js/sweetalert2@8.js') }}"></script>
<script type="text/javascript">
var status = 0;
var id = -1 ;
$(document).ready(function() {
    var token = $('meta[name="csrf-token"]').attr('content');
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(document).on('change', '[id^="checkbox_payed_"]', function(event) {
        id = $(this).attr('id').split("_").pop();
        $('#messages').hide();
        event.stopPropagation();
        event.preventDefault();
        var w = $(this).parent('td');
        $.ajax({
                url: w.attr('action'),
                method: 'POST',
                header:{
                'X-CSRF-TOKEN': token
                },
                data: {
                    payed : $(this).is(':checked')? '1' : '0'
                }
            })
            .done(function (response) {
                if(response.status == true){
                    Swal.fire({
                        title: 'Projet n° '+id+' modifié avec succès',
                        type: 'success',
                        confirmButtonColor: '#3085d6',
                        timer: '2500',
                        confirmButtonText: 'Ok',
                    });
                }
            })
            .fail(function (jqXHR, ajaxOptions, thrownError) {
                Swal.fire({
                        title: 'Erreur de mise à jour',
                        type: 'error',
                        confirmButtonColor: '#3085d6',
                        timer: '2500',
                        confirmButtonText: 'Ok',
                    });
            });
        
    });
});
</script>
@endsection