@extends('layouts.squelette')
<!-- ************************************** -->
@section('titre_header')
  {{ __('Tableau de bord') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
  {{ __('Accueil') }}
@endsection
<!-- ************************************** -->

@section('contenu')

<div class="row">

    <div class="col-md-6">
        <div class="card" id="parc_list">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h5 class="card-title m-0 me-2">{{ __('Liste des parcs') }}</h5>
            </div>
            <div class="card-body">
                <ul class="p-0 m-0">
                    @foreach (@$sites as $site)
                        <li class="nav-item">
                            {{ $site->sit_name  }}
                            <button data-id="{{ $site->sit_id  }}" id="btn_parc_{{ $site->sit_id  }}" class="float-right btn btn-sm btn-info btn-see btn-circle">Infos</button>
                        </li>
                        <br>
                    @endforeach
                </ul>
            </div>
        </div>

	</div>

    <div class="col-md-6">
	</div>
</div>

@endsection

@section('js_footer')
<script src="{{ asset('js/dashboard_client.js')}}"></script>
@endsection

@section('modale')
<!-- Modale AJOUT -->
<div id="Modale_infosparc" class="modal fade" role="dialog">
    <div class="modal-dialog" style="max-width: 700px">
        <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-info">
                    <h4 id="mod_header_create" class="modal-title text-center">{{ __("Informations parc") }}</h4>
                    <span id="mod_header_desc"></span>
                </div>
                <div class="modal-body" id="modal-body">
                    <div class="row">
                        <div class="col-md-12">

                        </div>

                    </div>

                </div>
                <div class="modal-footer">
                    <center>
                        <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA" data-dismiss="modal" class=" btn btn-abort">{{ __("Fermer") }}</button>
                    </center>
                </div>
            </div>
    </div>
</div>
</div>

@endsection