@extends('front.layouts.app')
@section('title','Gouvernement du Diocèse')

@push('css')
    <link href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/fixedheader/3.3.1/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/responsive/2.4.0/css/responsive.bootstrap.min.css" rel="stylesheet">
@endpush

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/sector.jpg" page="Curie Diocesaine"/>
    <!--== End Page Title Area ==-->



    <div class="donation-form default-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 form">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title text-uppercase"> Membres de la curie Diocesaine </h3>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="panel-body">
                                        <table id="example" class="table table-striped table-bordered " style="width:100%">
                                            <thead>
                                            <tr>
                                                <th></th>
                                                <th>Nom et prenoms</th>
                                                <th>Né(e) le</th>
                                                <th>Fonction</th>
                                                <th>Ordination presbyterale</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($members as $member)
                                            <tr>
                                                <td class="text-center" style="vertical-align: middle">
                                                    @if(empty($member->getFirstMediaUrl('curia')))
                                                        <img src="{{asset('assets/img/priest.png')}}" width="50px" height="50px" alt="">
                                                    @else
                                                        <img src="{{asset($member->getFirstMediaUrl('curia'))}}" width="50px" height="50px" alt="">
                                                    @endif
                                                </td>
                                                <td style="vertical-align: middle">{{$member->name}}</td>
                                                <td style="vertical-align: middle">{{\Carbon\Carbon::parse($member->birth)->translatedFormat('d F Y')}}</td>
                                                <td style="vertical-align: middle">{{$member->office}}</td>
                                                <td style="vertical-align: middle">{{\Carbon\Carbon::parse($member->presbytery)->translatedFormat('d F Y')}}</td>
                                                <td style="vertical-align: middle"><a href="" data-toggle="modal" data-target="#myModal-{{$member->id}}" class="text-success bold">Détails</a></td>
                                            </tr>

                                            <div class="modal fade" id="myModal-{{$member->id}}" role="dialog">
                                                <div class="modal-dialog modal-md">

                                                    <!-- Modal content-->
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <!-- modal header  -->
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Details</h4>
                                                        </div>
                                                        <div class="modal-body">

                                                                    <div class="row">
                                                                        <!--== Card profil info ==-->
                                                                        <div class="col-md-12">
                                                                            <div class="card">
                                                                                <div class="card-body">
                                                                                    <div class="card-img">
                                                                                        <img src="{{asset($member->getFirstMediaUrl('curia'))}}" class="img-responsive img-circle center-block" width="30%" alt="">
                                                                                    </div>
                                                                                    <div class="card-info">
                                                                                        <br>
                                                                                        <h3 class="card-title text-center bold">{{$member->name}}</h3>

                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Date de naissance</h4>
                                                                                        <p class="card-text text-center">{{\Carbon\Carbon::parse($member->birth)->translatedFormat('d F Y')}}</p>

                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Fonction</h4>
                                                                                        <p class="card-text text-center">{{$member->office}}</p>

                                                                                        @if($member->presbytery !=null)
                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Ordination presbytérale</h4>
                                                                                        <p class="card-text text-center">{{\Carbon\Carbon::parse($member->presbytery)->translatedFormat('d F Y')}}</p>
                                                                                        @endif

                                                                                        @if($member->ordination !=null)
                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Ordination épiscopale</h4>
                                                                                        <p class="card-text text-center">{{\Carbon\Carbon::parse($member->ordination)->translatedFormat('d F Y')}}</p>
                                                                                        @endif
                                                                                        @if($member->wish !=null)
                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Voeux perpétuel</h4>
                                                                                        <p class="card-text text-center">{{$member->wish}}</p>
                                                                                        @endif

                                                                                        @if($member->slogan !=null)
                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Devise</h4>
                                                                                        <p class="card-text text-center">{{$member->slogan}}</p>
                                                                                        @endif

                                                                                        <h4 class="card-text text-center" style="border-bottom: solid 1px red;margin-bottom: 0; font-weight: bold">Lieu de residence</h4>
                                                                                        <p class="card-text text-center">{{$member->location}}</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            @endforeach
                                            </tbody>
                                        </table>
                                </div>
                             </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('javascript')

    <script src="https://cdn.datatables.net/plug-ins/1.13.1/i18n/fr-FR.json"></script>
    <script>

        $(document).ready(function() {
            $('#example').DataTable({
                "language": {
                    "emptyTable": "Aucune donnée disponible dans le tableau",
                    "loadingRecords": "Chargement...",
                    "processing": "Traitement...",
                    "select": {
                        "rows": {
                            "_": "%d lignes sélectionnées",
                            "1": "1 ligne sélectionnée"
                        },
                        "cells": {
                            "1": "1 cellule sélectionnée",
                            "_": "%d cellules sélectionnées"
                        },
                        "columns": {
                            "1": "1 colonne sélectionnée",
                            "_": "%d colonnes sélectionnées"
                        }
                    },
                    "autoFill": {
                        "cancel": "Annuler",
                        "fill": "Remplir toutes les cellules avec <i>%d<\/i>",
                        "fillHorizontal": "Remplir les cellules horizontalement",
                        "fillVertical": "Remplir les cellules verticalement"
                    },
                    "searchBuilder": {
                        "conditions": {
                            "date": {
                                "after": "Après le",
                                "before": "Avant le",
                                "between": "Entre",
                                "empty": "Vide",
                                "not": "Différent de",
                                "notBetween": "Pas entre",
                                "notEmpty": "Non vide",
                                "equals": "Égal à"
                            },
                            "number": {
                                "between": "Entre",
                                "empty": "Vide",
                                "gt": "Supérieur à",
                                "gte": "Supérieur ou égal à",
                                "lt": "Inférieur à",
                                "lte": "Inférieur ou égal à",
                                "not": "Différent de",
                                "notBetween": "Pas entre",
                                "notEmpty": "Non vide",
                                "equals": "Égal à"
                            },
                            "string": {
                                "contains": "Contient",
                                "empty": "Vide",
                                "endsWith": "Se termine par",
                                "not": "Différent de",
                                "notEmpty": "Non vide",
                                "startsWith": "Commence par",
                                "equals": "Égal à",
                                "notContains": "Ne contient pas",
                                "notEndsWith": "Ne termine pas par",
                                "notStartsWith": "Ne commence pas par"
                            },
                            "array": {
                                "empty": "Vide",
                                "contains": "Contient",
                                "not": "Différent de",
                                "notEmpty": "Non vide",
                                "without": "Sans",
                                "equals": "Égal à"
                            }
                        },
                        "add": "Ajouter une condition",
                        "button": {
                            "0": "Recherche avancée",
                            "_": "Recherche avancée (%d)"
                        },
                        "clearAll": "Effacer tout",
                        "condition": "Condition",
                        "data": "Donnée",
                        "deleteTitle": "Supprimer la règle de filtrage",
                        "logicAnd": "Et",
                        "logicOr": "Ou",
                        "title": {
                            "0": "Recherche avancée",
                            "_": "Recherche avancée (%d)"
                        },
                        "value": "Valeur",
                        "leftTitle": "Désindenter le critère",
                        "rightTitle": "Indenter le critère"
                    },
                    "searchPanes": {
                        "clearMessage": "Effacer tout",
                        "count": "{total}",
                        "title": "Filtres actifs - %d",
                        "collapse": {
                            "0": "Volet de recherche",
                            "_": "Volet de recherche (%d)"
                        },
                        "countFiltered": "{shown} ({total})",
                        "emptyPanes": "Pas de volet de recherche",
                        "loadMessage": "Chargement du volet de recherche...",
                        "collapseMessage": "Réduire tout",
                        "showMessage": "Montrer tout"
                    },
                    "buttons": {
                        "collection": "Collection",
                        "colvis": "Visibilité colonnes",
                        "colvisRestore": "Rétablir visibilité",
                        "copy": "Copier",
                        "copySuccess": {
                            "1": "1 ligne copiée dans le presse-papier",
                            "_": "%d lignes copiées dans le presse-papier"
                        },
                        "copyTitle": "Copier dans le presse-papier",
                        "csv": "CSV",
                        "excel": "Excel",
                        "pageLength": {
                            "-1": "Afficher toutes les lignes",
                            "_": "Afficher %d lignes",
                            "1": "Afficher 1 ligne"
                        },
                        "pdf": "PDF",
                        "print": "Imprimer",
                        "copyKeys": "Appuyez sur ctrl ou u2318 + C pour copier les données du tableau dans votre presse-papier.",
                        "createState": "Créer un état",
                        "removeAllStates": "Supprimer tous les états",
                        "removeState": "Supprimer",
                        "renameState": "Renommer",
                        "savedStates": "États sauvegardés",
                        "stateRestore": "État %d",
                        "updateState": "Mettre à jour"
                    },
                    "decimal": ",",
                    "datetime": {
                        "previous": "Précédent",
                        "next": "Suivant",
                        "hours": "Heures",
                        "minutes": "Minutes",
                        "seconds": "Secondes",
                        "unknown": "-",
                        "amPm": [
                            "am",
                            "pm"
                        ],
                        "months": {
                            "0": "Janvier",
                            "2": "Mars",
                            "3": "Avril",
                            "4": "Mai",
                            "5": "Juin",
                            "6": "Juillet",
                            "8": "Septembre",
                            "9": "Octobre",
                            "10": "Novembre",
                            "1": "Février",
                            "11": "Décembre",
                            "7": "Août"
                        },
                        "weekdays": [
                            "Dim",
                            "Lun",
                            "Mar",
                            "Mer",
                            "Jeu",
                            "Ven",
                            "Sam"
                        ]
                    },
                    "editor": {
                        "close": "Fermer",
                        "create": {
                            "title": "Créer une nouvelle entrée",
                            "button": "Nouveau",
                            "submit": "Créer"
                        },
                        "edit": {
                            "button": "Editer",
                            "title": "Editer Entrée",
                            "submit": "Mettre à jour"
                        },
                        "remove": {
                            "button": "Supprimer",
                            "title": "Supprimer",
                            "submit": "Supprimer",
                            "confirm": {
                                "_": "Êtes-vous sûr de vouloir supprimer %d lignes ?",
                                "1": "Êtes-vous sûr de vouloir supprimer 1 ligne ?"
                            }
                        },
                        "multi": {
                            "title": "Valeurs multiples",
                            "info": "Les éléments sélectionnés contiennent différentes valeurs pour cette entrée. Pour modifier et définir tous les éléments de cette entrée à la même valeur, cliquez ou tapez ici, sinon ils conserveront leurs valeurs individuelles.",
                            "restore": "Annuler les modifications",
                            "noMulti": "Ce champ peut être modifié individuellement, mais ne fait pas partie d'un groupe. "
                        },
                        "error": {
                            "system": "Une erreur système s'est produite (<a target=\"\\\" rel=\"nofollow\" href=\"\\\">Plus d'information<\/a>)."
                        }
                    },
                    "stateRestore": {
                        "removeSubmit": "Supprimer",
                        "creationModal": {
                            "button": "Créer",
                            "order": "Tri",
                            "paging": "Pagination",
                            "scroller": "Position du défilement",
                            "search": "Recherche",
                            "select": "Sélection",
                            "columns": {
                                "search": "Recherche par colonne",
                                "visible": "Visibilité des colonnes"
                            },
                            "name": "Nom :",
                            "searchBuilder": "Recherche avancée",
                            "title": "Créer un nouvel état",
                            "toggleLabel": "Inclus :"
                        },
                        "renameButton": "Renommer",
                        "duplicateError": "Il existe déjà un état avec ce nom.",
                        "emptyError": "Le nom ne peut pas être vide.",
                        "emptyStates": "Aucun état sauvegardé",
                        "removeConfirm": "Voulez vous vraiment supprimer %s ?",
                        "removeError": "Échec de la suppression de l'état.",
                        "removeJoiner": "et",
                        "removeTitle": "Supprimer l'état",
                        "renameLabel": "Nouveau nom pour %s :",
                        "renameTitle": "Renommer l'état"
                    },
                    "info": "Affichage de _START_ à _END_ sur _TOTAL_ entrées",
                    "infoEmpty": "Affichage de 0 à 0 sur 0 entrées",
                    "infoFiltered": "(filtrées depuis un total de _MAX_ entrées)",
                    "lengthMenu": "Afficher _MENU_ entrées",
                    "paginate": {
                        "first": "Première",
                        "last": "Dernière",
                        "next": "Suivante",
                        "previous": "Précédente"
                    },
                    "zeroRecords": "Aucune entrée correspondante trouvée",
                    "aria": {
                        "sortAscending": " : activer pour trier la colonne par ordre croissant",
                        "sortDescending": " : activer pour trier la colonne par ordre décroissant"
                    },
                    "infoThousands": " ",
                    "search": "Rechercher :",
                    "thousands": " "
                }
            });
        } );
    </script>
@endpush