@extends('layouts.backend.app')

@section("content")
<div class="page page-tables-datatables">

    <div class="pageheader">
       
        <h2>Espaces Perso<span></h2>

        <div class="page-bar">

            <ul class="page-breadcrumb">
                <li>
            <a href="{{route('spaceDashboard')}}"><i class="fa fa-home"></i> AROLI ASSURANCE</a>
                </li>
                <li>
                    <a href="#">Espaces perso</a>
                </li>
            </ul>

        </div>

    </div>

    <!-- row -->
    <div class="row">
        <!-- col -->
        <div class="col-md-12">
            @if(Session::has('success'))
                <div class="text-center container w-420">
                    <div class="alert alert-success alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <h4><p align="center">{{Session::get('success')}}</p></h4>
                    </div>
                </div>
            @endif
            @if(Session::has('error'))
            <div class="text-center container w-420">
                <div class="alert alert-danger alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4><p align="center">{{Session::get('error')}}</p></h4>
                </div>
            </div>
        @endif

         

            <!-- tile -->
            <section class="tile">

                <!-- tile header -->
                <div class="tile-header dvd dvd-btm">
                    <h1 class="custom-font"><strong>Tous les espaces persos</strong></h1>
                </div>
                <!-- /tile header -->

                <!-- tile body -->
                <div class="tile-body">
                    <a href="#" style="margin-bottom:15px" data-toggle="modal" data-target="#newModal" class="btn btn-success" data-options="splash-2 splash-ef-15"> <i class="fa fa-plus"></i> Nouveau</a>

                    <table class="table table-custom" id="advanced-usage">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Nom</th>
							<th>Contact/Login</th>
                            <th>Date enregistrement</th>
							<th>Action</th>
                        </tr>
                        </thead>
						 <tbody>
                         @foreach($users_space as $k=>$user)
                            <tr>
                                <td>{{ ++$k }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->phone_number }}</td>
                                <td>{{ date('d/m/Y h:i:s', strtotime($user->created_at)) }}</td>
                                <td>
                                    <a href="#" id="{{ $user->id }}" data-login="{{ $user->phone_number }}" class="btn btn-info btn_reset"> <i class="fa fa-key"></i> </a>  
                                    <a href="#" id="{{ $user->id }}" onClick="deletePersoSpace('{{ $user->phone_number }}')" class="btn btn-danger"> <i class="fa fa-times"></i> </a>  
                                </td>
                            </tr>
						  @endforeach
						 </tbody>
                    </table>
                </div>
                <!-- /tile body -->

            </section>
            <!-- /tile -->

        </div>
        <!-- /col -->
    </div>
    <!-- /row -->

</div>
@endsection
                
@section('header-script')
<link rel="stylesheet" href="