{% extends '::base2.html.twig' %}
{% block title %}{{ parent() }}{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'admin/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'admin/menu.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">

                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="javascript:void(0)">Accueil</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Entreprise</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title"> Entreprise
                        <small>Info</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="font-red-sunglo">
                                        {#<div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Info Entreprise </div>
                                            <div class="tools"></div>
                                        </div>#}
                                        <div class="portlet-body form">
                                            <!-- BEGIN FORM-->
                                            {{ form_start(form, {'method': 'post', 'action': path('millesima_administrator_accueil')}) }}
                                            <div class="form-horizontal">
                                                <div class="form-body">

                                                    <div class="row">
                                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                                            {{ form_label(form.file, 'Logo Entreprise') }}
                                                            {{ form_widget(form.file, { 'attr': {'class': 'form-control','required':false} }) }}

                                                        </div>
                                                    </div>

                                                    <div class="row">

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.raisonSociale, 'Raison Sociale *') }}
                                                            {{ form_widget(form.raisonSociale, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.matriculeFiscale, 'Matricule Fiscale *') }}
                                                            {{ form_widget(form.matriculeFiscale, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                    </div>

                                                    <div class="row">

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.tel, 'Phone *') }}
                                                            {{ form_widget(form.tel, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.fax, 'Fax *') }}
                                                            {{ form_widget(form.fax, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                    </div>

                                                    <div class="row">

                                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                                            {{ form_label(form.email, 'Email *') }}
                                                            {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

                                                    <div class="row">

                                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                                            {{ form_label(form.sitWeb, 'Site Web *') }}
                                                            {{ form_widget(form.sitWeb, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

                                                    <div class="row">

                                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                                            {{ form_label(form.address, 'Adresse *') }}
                                                            {{ form_widget(form.address, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-offset-4 col-md-12">
                                                            <button type="submit" value="" class="col-md-3 btn submit">Enregistrer</button>
                                                            {#<button type="button" class="col-md-3 btn blue-chambray">Cancel</button>#}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{ form_end(form) }}
                                            <!-- END FORM-->
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    {#<div class="row">
                        <div class="col-md-12">
                            <div class="tabbable-line boxless tabbable-reversed">

                                <div class="col-md-12 tab-pane">
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Gestion des .....</div>
                                            <div class="tools"></div>
                                        </div>
                                        <div class="portlet-body form">

                                            <div class="form-horizontal">
                                                <div class="form-body">

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-type-action-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des types d'action
                                                            </a>
                                                            <!-- Modal Liste Type Action -->
                                                            <div class="modal fade" id="liste-type-action-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des types d'action</h4>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2">
                                                                                    <div class=" table-responsive" style="overflow: hidden">
                                                                                        <table class="table" #}{#id="myTable1"#}{#>
                                                                                            {% for typeAction in typeActions %}
                                                                                                <tr>
                                                                                                    <th>{{ typeAction.id }}</th>
                                                                                                    <td>{{ typeAction.type }}</td>
                                                                                                </tr>
                                                                                            {% endfor %}
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Type Action -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-action">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter un nouveau type d'action
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_type_action_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                    <hr>

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-type-prestataire-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des types de pertataire
                                                            </a>
                                                            <!-- Modal Liste Type Pertataire -->
                                                            <div class="modal fade" id="liste-type-prestataire-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des types de prestataire</h4>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2">
                                                                                    <div class=" table-responsive" style="overflow: hidden">
                                                                                        <table class="table" #}{#id="myTable2"#}{#>
                                                                                            {% for typePrestataire in typePrestataires %}
                                                                                                <tr>
                                                                                                    <th>{{ typePrestataire.id }}</th>
                                                                                                    <td>{{ typePrestataire.type }}</td>
                                                                                                </tr>
                                                                                            {% endfor %}
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Type Pertataire -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-prestataire">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter un nouveau type de pertataire
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_type_prestatire_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                    <hr>

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-region-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des régions
                                                            </a>
                                                            <!-- Modal Liste Region -->
                                                            <div class="modal fade" id="liste-region-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des régions</h4>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2">
                                                                                    <div class=" table-responsive" style="overflow: hidden">
                                                                                        <table class="table"#}{# id="myTable3"#}{#>
                                                                                            {% for region in regions %}
                                                                                                <tr>
                                                                                                    <th>{{ region.id }}</th>
                                                                                                    <td>{{ region.name }}</td>
                                                                                                </tr>
                                                                                            {% endfor %}
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Region -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-region">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter une nouvelle région
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_region_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>#}
                    <!-- END PAGE HEADER-->

                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            {% include 'commun/footer.html.twig' %}
        </div>
        <!-- END FOOTER -->
    </div>

    {% block javascripts %}
        {{ parent() }}
        <script>
            //Add Type Action
            $("a#add-action").click(function () {
                var URL1 = Routing.generate('millesima_administrator_ajout_type_action');
                //Ajax request
                var request = $.ajax({
                    url: URL1,
                    method: "POST",
                }).done(function (msg) {
                    $("#add_type_action_ajax_response").html(msg);
                    //location.reload();
                    //alert("succes");
                })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Add Type Prestataire
            $("a#add-prestataire").click(function () {
                var URL2 = Routing.generate('millesima_administrator_ajout_type_prestataire');
                //Ajax request
                var request = $.ajax({
                    url: URL2,
                    method: "POST",
                }).done(function (msg) {
                    $("#add_type_prestatire_ajax_response").html(msg);
                    //location.reload();
                    //alert("succes");
                })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Add Type Action
            $("a#add-region").click(function () {
                var URL3 = Routing.generate('millesima_administrator_ajout_region');
                //Ajax request
                var request = $.ajax({
                    url: URL3,
                    method: "POST",
                }).done(function (msg) {
                    $("#add_region_ajax_response").html(msg);
                    //location.reload();
                    //alert("succes");
                })
                        .fail(function () {
                            //alert("error");
                        });
            });
        </script>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable1').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable1_paginate {
                float: right;
            }
            #myTable1_filter {
                float: right;
            }
            #myTable1_info {
                padding-top: 15px;
            }
        </style>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable2').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable2_paginate {
                float: right;
            }
            #myTable2_filter {
                float: right;
            }
            #myTable2_info {
                padding-top: 15px;
            }
        </style>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable3').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable3_paginate {
                float: right;
            }
            #myTable3_filter {
                float: right;
            }
            #myTable3_info {
                padding-top: 15px;
            }
        </style>
    {% endblock %}

{% endblock %}