@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="#addPartnership" data-toggle="modal"
                            type="button">Ajouter</button>
                    </div>

                    @include('admin.partials.modals.addPartnership')
                    <h5 class="form-header">
                        Liste des partenariats
                    </h5>
                    <div class="table-responsive">
                        <table id="dataTable1" class="table table-striped table-lightfont">
                            <thead>
                                <tr>
                                    <th>N°</th>
                                    <th>Partenaire</th>
                                    <th>Code</th>
                                    <th>Réduction Fan</th>
                                    <th>Réduction Inc</th>
                                    <th>Réduction Ess</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 ($partnerships as $part)
                                    {{-- @if ($part->created_for == 0) style="background: #c3d4ff; color: #0033b1;}" @endif --}}
                                    <tr>
                                        <td>{{ $part->id }}</td>
                                        <td>{{ $part->partner }}</td>
                                        <td>{{ $part->code }}</td>
                                        <td align="center">{{ $part->reduction_maison_fantastique ?? 0 }} </td>
                                        <td align="center">{{ $part->reduction_maison_incontournable ?? 0 }} </td>
                                        <td align="center">{{ $part->reduction_maison_essentiel ?? 0}} </td>
                                        <td>{{ $part->created_at->format('Y-m-d') }} </td>
                                        <td>
                                            <a href="{{ route('admin.partnership.details', $part->id) }}" target="_blank"
                                                class="btn btn-sm btn-primary">
                                                <i class="fa fa-eye"></i></a>
                                        </td>
                                        <td>{{ $part->expire_date ?? 'Illimité' }} </td>
                                        <td align="center">
                                            {{ $part->used }}
                                        </td>
                                        <td>
                                            @if ($part->status == 1)
                                                <a href="{{ route('admin.partnership.set_active', $part->id) }}"
                                                    class="btn m-0 btn-sm btn-danger"><i class="fa fa-lock">
                                                        Désactiver</i></a>
                                            @else
                                                <a href="{{ route('admin.partnership.set_active', $part->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="#editPartnership_{{ $part->id }}" data-toggle="modal"><i
                                                    class="fa fa-pencil-square-o"></i></div>
                                            @include('admin.partials.modals.editPartnership', $part)
                                            <div style="float:right;display: inline-block;"
                                                class="btn btn-sm btn-danger"
                                                data-target="#deletePartnership_{{ $part->id }}" data-toggle="modal"><i
                                                    class="fa fa-trash"></i></div>
                                            @include('admin.partials.modals.deletePartnership', $part)
                                        </td>
                                        <td align="center">
                                            <div class="btn btn-sm btn-primary"
                                                data-target="#remarksPartnership_{{ $part->id }}" data-toggle="modal">
                                                <i class="fa fa-commenting-o"></i>
                                            </div>
                                            @include('admin.partials.modals.remarksPartnership', $part)
                                        </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() {
            $(document).on("click", ".content-maison", function(event) {
                $(this)
                $(".panel-maison").slideToggle();
            });
            $(document).on("click", ".content-studio", function(event) {
                $(this)
                $(".panel-studio").slideToggle();
            });
            $(document).on("click", ".content-pro", function(event) {
                $(this)
                $(".panel-pro").slideToggle();
            });
            $("#addPartnershipForm").validate({
                
                rules: {
                    reduction_maison_essentiel: {
                        required: true,
                        number: true,
                        max: 10,
                        min: 0
                    },
                    reduction_maison_incontournable: {
                        required: true,
                        number: true,
                        max: 20,
                        min: 0

                    },
                    reduction_maison_fantastique: {
                        required: true,
                        number: true,
                        max: 35,
                        min: 0
                    },
                    reduction_studio_essentiel: {
                        required: true,
                        number: true,
                        max: 40,
                        min: 0
                    },
                    reduction_studio_incontournable: {
                        required: true,
                        number: true,
                        max: 50,
                        min: 0

                    },
                    reduction_studio_fantastique: {
                        required: true,
                        number: true,
                        max: 60,
                        min: 0
                    },
                    reduction_pro_essentiel: {
                        required: true,
                        number: true,
                        max: 30,
                        min: 0
                    },
                    reduction_pro_incontournable: {
                        required: true,
                        number: true,
                        max: 40,
                        min: 0

                    },
                    reduction_pro_fantastique: {
                        required: true,
                        number: true,
                        max: 50,
                        min: 0
                    },
                },
                messages: {
                    reduction_maison_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 10",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_maison_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"
                    },
                    reduction_maison_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_studio_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 40",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_studio_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 50",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_studio_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 60",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 30",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 40",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 50",
                        min: "Entrez un numéro supérieur à 0"
                    },
                }
            });
            $('[id^=editAffiliationForm_]').validate({
                rules: {
                    reduction_maison_essentiel: {
                        required: true,
                        number: true,
                        max: 10,
                        min: 0
                    },
                    reduction_maison_incontournable: {
                        required: true,
                        number: true,
                        max: 20,
                        min: 0

                    },
                    reduction_maison_fantastique: {
                        required: true,
                        number: true,
                        max: 35,
                        min: 0
                    },
                    reduction_studio_essentiel: {
                        required: true,
                        number: true,
                        max: 40,
                        min: 0
                    },
                    reduction_studio_incontournable: {
                        required: true,
                        number: true,
                        max: 50,
                        min: 0

                    },
                    reduction_studio_fantastique: {
                        required: true,
                        number: true,
                        max: 60,
                        min: 0
                    },
                    reduction_pro_essentiel: {
                        required: true,
                        number: true,
                        max: 30,
                        min: 0
                    },
                    reduction_pro_incontournable: {
                        required: true,
                        number: true,
                        max: 40,
                        min: 0

                    },
                    reduction_pro_fantastique: {
                        required: true,
                        number: true,
                        max: 50,
                        min: 0
                    },
                },
                messages: {
                    reduction_maison_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 10",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_maison_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"
                    },
                    reduction_maison_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_studio_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 40",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_studio_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 50",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_studio_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 60",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_essentiel: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 30",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_incontournable: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 40",
                        min: "Entrez un numéro supérieur à 0"
                    },
                    reduction_pro_fantastique: {
                        required: "Champ obligatoire",
                        number: "Entrez un numéro",
                        max: "Entrez un numéro inférieur à 50",
                        min: "Entrez un numéro supérieur à 0"
                    },
                }
            });
        });
    </script>
@endsection