@extends('layouts.app')
@section('contenu')
{{-- @extends('layouts.alert') --}}


<div class="row">
    @if (session()->has('message'))
        <div class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>message!</strong> {{ session()->get('message') }}.
        </div>
    @endif

    @if (session()->has('info'))
        <div class="alert alert-info">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Erreur!</strong> {{ session()->get('info') }}.
        </div>
    @endif

    <div class="row">
        @if (session()->has('success'))
            <div class="alert alert-success">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>message!</strong> {{ session()->get('success') }}.
            </div>
        @endif
        @if (session()->has('erreur'))
            <div class="alert alert-danger">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>Erreur!</strong> {{ session()->get('erreur') }}.
            </div>
        @endif

        <div class="text-md-right box-inner box-inner nav nav-pills nav-justified" id="sub-nav">
            <ul class="nav nav-pills">
                <li class="active">
                    <a href="/ets"><i class="glyphicon glyphicon-book"></i> Listes Entreprises</a>
                </li>
                <li>
                    <a href="/ets/validation-suppression"><i class="glyphicon glyphicon-list-alt"></i> Validation des
                        Entreprises Supprimées</a>
                </li>
            </ul>
        </div>

        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-list"></i>&nbsp; Liste des établissements</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <form role="form" method="POST" action="{{ route('ets.store') }}" wire:submit.prevent="submitForm">
                        @canany(['isAdmin', 'isAdminTechnique', 'isFichier'])
                            <a class="btn btn-success" href="{{ route('ets.create') }}">
                                <i class="glyphicon glyphicon-plus"></i>
                                Ajouter
                            </a>&nbsp;

                            <button class="btn btn-warning" type="submit" name="modifier" value="modifier">
                                <i class="glyphicon glyphicon-edit"></i>
                                Modifier
                            </button>&nbsp;
                            <button class="btn btn-info" type="submit" name="details" value="details">
                                <i class="glyphicon glyphicon-eye-open"></i>
                                Details
                            </button>&nbsp;
                            <button class="btn " type="submit" name="geolocaliser" value="geolocaliser">
                                <i class="glyphicon glyphicon-map-marker"></i>
                                Geolocaliser
                            </button>&nbsp;
                            <div class="input-group" style="display: inline-flex; align-items: center;">
                                <select class="form-control" name="userAffecterId">
                                    @foreach ($users as $user)
                                        <option value="{{ $user->id }}">{{ $user->name }}</option>
                                    @endforeach
                                </select>
                                &nbsp;
                                <button class="btn" style="background-color: #6B8926" type="submit" name="affecter" value="affecter">
                                    <i class="glyphicon glyphicon-transfer"></i>
                                    Affecter
                                </button>&nbsp;
                            </div>


                        @endcanany

                        @csrf
                        @livewire('societe-search')
                        <div id="id_confrmdiv">confirmation
                            <button id="id_truebtn">Yes</button>
                            <button id="id_falsebtn">No</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--/span-->

    </div>
    <div class="modal fade" id="communication" tabindex="-1" role="dialog" aria-labelledby="communication"
        aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Communication</h3>
                </div>
                <div class="modal-body">
                    <p>
                    <form role="form" method="POST" action="{{ route('ets.store') }}">
                        @csrf
                        <div class="form-group">
                            <label for="exampleInputEmail1"
                                class="col-md-4 col-form-label text-md-right">Section</label>
                            <div class="col-md-6">
                                <select name="categorie_id" class="form-control">
                                    <option></option>
                                    @foreach (App\Models\identification\categorie::get() as $grille)
                                        <option value="{{ $grille->id }}">{{ $grille->libelle ?? '' }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <br><br>
                        <div class="form-group">
                            <br><br>
                            <label for="exampleInputPassword1"
                                class="col-md-4 col-form-label text-md-right">Contenu</label>
                            <div class="col-md-6">
                                <textarea id="story" name="activite" class="form-control" rows="5" cols="20">

                           </textarea>
                            </div>
                            <br><br>
                        </div>

                        <div class="form-group">
                            <br><br>
                            <label for="exampleInputFile" class="col-md-4 col-form-label text-md-right">Canal de
                                Difusion</label>
                            <div class="col-md-6">
                                <select name="form_jurid" class="form-control">
                                    <option value="sms">SMS</option>
                                    <option value="mail">mail</option>
                                    <option value="whatapps">Whatsapps</option>
                                </select>
                            </div>
                        </div>
                        <br><br>
                        </p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-default" data-dismiss="modal">Annuler</a>
                    <button type="submit" name="chercher" value="chercher" class="btn btn-default">Envoyer</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="suppModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('ets.store') }}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h3 class="modal-title" id="exampleModalLabel">Suppression
                        </h3>
                    </div>
                    <div class="modal-body">
                        Voulez-vous vraiment supprimer la societe&nbsp ?
                    </div>
                    <div class="modal-footer">

                        <input hidden type="text" name="idForDeleting" id="modalSocId">
                        <button type="submit" class="btn btn-danger" name="supprimer" value="sup">Supprimer</button>
                        <button type="button" class="btn btn-warning" data-dismiss="modal">Annuler</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--/row-->

    <script>
        $(document).ready(function () {
            $('#dtBasicExample').DataTable();
            $('.dataTables_length').addClass('bs-select');

            $('.suppClass').on("click", function () {
                var id = $(this).data('id');
                $('#modalSocId').val(id);
            });
        });
    </script>

    @endsection
    <style>
        table.table-fit {
            /* width: auto !important; */
            table-layout: auto !important;
        }

        table.table-fit thead th,
        table.table-fit tfoot th {
            width: auto !important;
            text-align: center;
        }

        table.table-fit tbody td,
        table.table-fit tfoot td {
            width: auto !important;
        }
    </style>