@extends('admin.layouts.default')
@section('style')
    <style>
        .flash {
            position: absolute !important;
            top: 0;
            width: 90%;
        }

        .error {
            color: red;
        }

    </style>
@endsection
@section('content')
    <div class="content-i">
        <div class="content-box">
            <div class="element-wrapper">
                <div class="element-box">
                    <div class="pull-right">
                        <a href="{{ route('admin.affiliation.export') }}" class="btn btn-primary">Exporter</a>
                        <button class="btn btn-primary pull-right" data-target="#addAffiliation" data-toggle="modal"
                            type="button">Ajouter</button>
                    </div>

                    @include('admin.partials.modals.addAffiliation')
                    <h5 class="form-header">
                        Liste des affiliations
                    </h5>
                    <div class="table-responsive">
                        <table id="dataTable1" class="table table-striped table-lightfont">
                            <thead>
                                <tr>
                                    <th>N°</th>
                                    <th>Titulaire</th>
                                    <th>Code</th>
                                    <th>Réduction incontournable</th>
                                    <th>Réduction fantastique</th>
                                    <th>Date de création</th>
                                    <th>Détails</th>
                                    <th>Validité</th>
                                    <th>N° d'utilisation</th>
                                    <th>Statut</th>
                                    <th>Action</th>
                                    <th>Commentaires</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($affiliations as $aff)
                                    {{-- @if ($aff->created_for == 0) style="background: #c3d4ff; color: #0033b1;}" @endif --}}
                                    <tr>
                                        <td>{{ $aff->id }}</td>
                                        <td>{{ $aff->owner }}</td>
                                        <td>{{ $aff->code }}</td>
                                        <td align="center">{{ $aff->code_incontournable }} </td>
                                        <td align="center">{{ $aff->code_fantastique }} </td>
                                        <td>{{ $aff->created_at->format('Y-m-d') }} </td>
                                        <td>
                                            <a href="{{ route('admin.affiliation.details', $aff->id) }}" target="_blank"
                                                class="btn btn-sm btn-primary">
                                                <i class="fa fa-eye"></i></a>
                                        </td>
                                        <td>{{ $aff->expire_date ?? 'Illimité' }} </td>
                                        <td align="center">
                                            {{ $aff->utilisation }}
                                        </td>
                                        <td>
                                            @if ($aff->status == 1)
                                                <a href="{{ route('admin.affiliation.set_active', $aff->id) }}"
                                                    class="btn m-0 btn-sm btn-danger"><i class="fa fa-lock">
                                                        Désactiver</i></a>
                                            @else
                                                <a href="{{ route('admin.affiliation.set_active', $aff->id) }}"
                                                    class="btn m-0 btn-sm btn-success"><i class="fa fa-unlock">
                                                        Activer</i></a>
                                            @endif
                                        </td>
                                        <td>
                                            <div style="cursor: pointer;display: inline-block;"
                                                class="btn btn-sm btn-primary"
                                                data-target="#editAffiliation{{ $aff->id }}" data-toggle="modal"><i
                                                    class="fa fa-pencil-square-o"></i></div>
                                            @include(
                                                'admin.partials.modals.editAffiliation',
                                                $aff
                                            )
                                            <div style="float:right;display: inline-block;border-left: 1px solid #e0e0e0; padding-left: 10px;"
                                                class="btn btn-sm btn-danger"
                                                data-target="#affiliation-delete{{ $aff->id }}" data-toggle="modal"><i
                                                    class="fa fa-trash"></i></div>
                                            @include(
                                                'admin.partials.modals.deleteAffiliation',
                                                $aff
                                            )
                                        </td>
                                        <td align="center">
                                            <div class="btn btn-sm btn-primary"
                                                data-target="#remarks-affiliation{{ $aff->id }}" data-toggle="modal">
                                                <i class="fa fa-commenting-o"></i>
                                            </div>
                                            @include(
                                                'admin.partials.modals.remarksAffiliation',
                                                $aff
                                            )
                                        </td>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#addAffiliationForm").validate({
                rules: {
                    code_incontournable: {
                        required: true,
                        number: true,
                        max: 20,
                        min: 0
                    },
                    code_fantastique: {
                        required: true,
                        number: true,
                        max: 35,
                        min: 0

                    },
                    reduction_incontournable: {
                        required: true,
                        number: true,
                        min: 0,
                        max: function() {
                            return parseInt(30 - $('#code_incontournable').val());
                        }

                    },
                    reduction_fantastique: {
                        required: true,
                        number: true,
                        min: 0,
                        max: function() {
                            return parseInt(60 - $('#code_fantastique').val());
                        }
                    }
                },
                messages: {
                    code_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 20",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    code_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 35",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Gain incontournable supérieur à 30 - code incontournable",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Gain fantastique supérieur à 60 - code fantastique",
                        min: "Entrez un numéro supérieur à 0"
                    }
                }
            });
            $('[id^=editAffiliationForm]').validate({
                rules: {
                    code_incontournable: {
                        required: true,
                        number: true,
                        max: 20,
                        min: 0
                    },
                    code_fantastique: {
                        required: true,
                        number: true,
                        max: 35,
                        min: 0

                    },
                    reduction_incontournable: {
                        required: true,
                        number: true,
                        min: 0,
                        max: function(elem) {
                            id = elem.getAttribute('id').split('_').pop();
                            return parseInt(30 - $('#code_incontournable_edit_'+id).val());
                        }
                        

                    },
                    reduction_fantastique: {
                        required: true,
                        number: true,
                        max: function(elem) {
                            id = elem.getAttribute('id').split('_').pop();
                            return parseInt(60 - $('#code_fantastique_edit_'+id).val());
                        },
                        min: 0
                    }
                },
                messages: {
                    code_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 20",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    code_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 35",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Gain incontournable supérieur à 30 - code incontournable",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Gain fantastique supérieur à 60 - code fantastique",
                        min: "Entrez un numéro supérieur à 0"
                    }
                }
            });
        });
    </script>
@endsection