@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
    <link href='{{ asset('plugins/fullcalendar-5.5.1/lib/main.css')}}' rel='stylesheet' />
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/main.min.js')}}"></script>
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/locales/fr.js')}}"></script>
    <link href='{{ asset('dist/css/calendar.css')}}' rel='stylesheet' />
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Gestion des objectifs portefeuille") }} - {{ $wallet_info->wal_name }}
@endsection
<!-- ************************************** -->

<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">
    <a class="btn btn-defaut app2 retour" href="/wallets"><i class="fa fa-arrow-circle-left"></i> {{ __('Retour') }}</a>
</small>
@endsection
<!-- ************************************** -->

@section('js_header')
<script type="text/javascript" src="{{ asset('plugins/sheetjs-master/dist/xlsx.full.min.js')}}"></script>
@endsection


<!-- ************************************** -->
@section('contenu')

<div class="row">
    <div class="col-md-3">
    </div>
    <div class="col-md-6">
        <div class="card card-elan1">
            <div class="card-header">
                <h4>{{ __('Liste des objectifs') }}</h4>
            </div>


            <div class="card-body">

                <button id="BTN_ajout" name="BTN_ajout" type="button" class="btn btn-defaut btn-add app2 ">
                    {{ __('Ajouter un objectif') }}
                </button>
                <br><br>

                <div id="div_stats_di" name="div_stats_di">
                    <table id="results" class="table table-striped table-bordered table-sm" cellspacing="0"
                        width="100%">

                        <thead class="thead-dark">
                            <tr>
                                <th>{{ __('Mois concerné') }}</th>
                                <th>{{ __('Chiffre d\'affaires') }}</th>
                                <th>{{ __('Marge brute (%)') }}</th>
                                <th>{{ __('Productivité') }}</th>
                                <th>{{ __('Actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($wallets_goals as $item)
                            <tr>
                                <td><span style="font-size: 0;">{{ $item->walObj_month }}</span>{{
                                    \Carbon\Carbon::createFromFormat('Y-m', $item->walObj_month )->format('m-Y') }}
                                </td>
                                <td>{{ $item->walObj_caValue }} </td>
                                <td>{{ $item->walObj_margeBruteValue }} %</td>
                                <td>{{ $item->walObj_productivityValue }} </td>
                                <td>
                                    <div align="center">
                                        <button type="button" class='btn btn-sm btn-success btn-edit btn-circle'
                                            data-toggle="tooltip" title="Modifier" id="btn_edit_{{$item->walObj_id}}"
                                            data-id="{{$item->walObj_id}}">
                                        </button>

                                        <button class="btn btn-sm btn-danger btn-delete btn-circle" title="Supprimer"
                                            id="btn_suppr_{{$item->walObj_id}}" data-id="{{$item->walObj_id}}"></button>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
    </div>

    {{-- <div class="col-md-6">
        <div class="card card-elan1">
            <div class="card-header">
                <h4>{{ __('Calendrier des objectifs') }}</h4>
            </div>

            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div id='calendar'></div>
                    </div>
                </div>
                
            </div>
        </div>
    </div> --}}
</div>


@endsection



@section('js_footer')
<script>
    //getSelectSecteurs();
    var type_inter =  "{!! app('request')->input('type') !!}";
  </script>

<script src="{{ asset('js/wallet_goals.js')}}"></script>
{{-- <script src="{{ asset('js/calendar/calendar.js')}}"></script> --}}

@endsection

@section('modale')
<!-- Modale AJOUT -->


@include('modales.delete_standard')

<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog modal-l">
        <!-- Modal content-->
        <form method="post" name="form_cus_quote" id="form_cus_quote"
            action="{{ route('CU_wallet_goals',[@$wallet_info->wal_id]) }}" enctype="multipart/form-data">

            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-warning" id="title_walObj">
                    <h4 class="modal-title text-center">{{ __("Création - Objectif de portefeuille") }}</h4>
                </div>

                <div class="modal-body">

                    <input type="hidden" name="type_maj" value="C">
                    <input type="hidden" name="walObj_id" value="">

                    <div class="fotm-group" id="div_type_period">
                        <label class="d-flex">{{ __("Période") }}</label>
                        <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                            <label class="btn btn-default active" id="lb_type_period1">
                                <input type="radio" name="type_period" id="type_period1" autocomplete="off" value="MOIS"
                                    checked="">{{ __('Pour le mois') }}</label>
                            <label class="btn btn-default " id="lb_type_period2">
                                <input type="radio" name="type_period" id="type_period2" autocomplete="off"
                                    value="ANNEE">{{ __('Pour l\'année') }}</label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group" id="div_walObj_month">
                                <label for="walObj_month">{{ __('Mois concerné') }}</label>
                                <div class="form-group">
                                    <div class="input-group" data-target-input="nearest">
                                        <input type="text" id="walObj_month" name="walObj_month"
                                            class="form-control datetimepicker-input" data-target="#walObj_month"
                                            maxlength="7" />
                                        <div class="input-group-append" data-target="#walObj_month"
                                            data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group" id="div_walObj_year">
                                <label for="walObj_month">{{ __('Année concernée') }}</label>
                                <div class="form-group">
                                    <input class="form-control" name="walObj_annee" id="walObj_annee" type="input"
                                        value="" maxlength="4">
                                </div>
                            </div>

                        </div>

                        <div class="col-md-6">
                            <div class="form-group ">
                                <label>{{ __('Chiffre d\'affaires (objectif)') }}</label>
                                <input class="form-control to" name="walObj_caValue" id="walObj_caValue" type="text"
                                    value="">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col">
                            <div class="form-group ">
                                <label>{{ __('Marge brute (%)') }}</label>
                                <input class="form-control to" name="walObj_margeBruteValue" id="walObj_margeBruteValue"
                                    type="number" step="0.01" value="">
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group ">
                                <label>{{ __('Productivité') }}</label>
                                <input class="form-control to" name="walObj_productivityValue"
                                    id="walObj_productivityValue" type="text" value="">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <center>
                            <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA" data-dismiss="modal"
                                class="btn btn-abort">{{ __("Annuler") }}</button>
                            <button type="submit" class="btn btn-save">{{ __("Enregistrer") }}</button>
                        </center>
                    </div>
        </form>
    </div>
</div>

@endsection