@extends('layouts.contributor')
@php $page_title = 'Tableau de bord contributeur'; @endphp
@section('meta-title', 'Espace contributeur - Projets architecte')
@section('meta-keywords', '')
@section('meta-description', '')
@section('style')
    <style>
        td {
            vertical-align: middle !important;
            text-align: center;
        }

        th {
            text-align: center;
        }

        td a {
            color: #047bf8;
            text-decoration: none;
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
        }

        td a:hover {
            color: #0356ad;
            text-decoration: underline;
        }

        tr {
            font-size: 13px;
        }

        .table-responsive {
            padding: 10px;
        }

        .table-responsive label {
            font-size: 13px;
            line-height: 22px;
        }

        .bold {
            font-weight: bold;
        }

        .btn-primary {
            padding: 10px 12px !important;
            color: #fff;
            background-color: #047bf8;
            border-color: #047bf8;
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #0368d2;
            border-color: #0362c6;
        }
    </style>
@endsection
@section('content')
    <div class="content-box">
        <div class="row">
            <div class="col-md-6">
                <h5 class="form-header poppins bold" style="margin: 0px">
                    {{ $designer->prenom }} {{ $designer->nom }} : Liste des projets
                </h5>
            </div>
            <div class="col-md-6">
                <div class="pull-right">
                    <a href="{{ route('contributor.designers') }}" class="btn btn-primary pull-right ml-1">
                        Retour</a>
                </div>
            </div>
        </div>
        <div class="row pt-2">
            <div class="col-md-12">
                <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>Forfait esquisse</th>
                                    <th>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('contributor.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