@extends('layouts.master', ['hide_topbar' => 'topbar2','hide_sidebar' => 'ok'])
@section('title', 'title')
@section('titlePageHeading', '') 
 
@section('content') 

    <div class="title m-b-md">
        <nav class="nav nav-tabs nav-pills" >
            @foreach ($liste_tabs as $tabs)
            <a class="nav-item nav-link {{ $tabs['class'] }}" href="{{ $tabs['href'] }}" data-target="#{{ $data_target }}" data-toggle="{{ $data_toggle }}">{!! $tabs['name'] !!}</a>
            @endforeach
        </nav>
        <div class="tab-content">
            <div class="tab-pane active" id="{{ $data_target }}"></div>
        </div>
    </div>
    <script>
        $(function () {
            load_tabs("{{ $data_toggle }}");
        });
        
    function tabs_load_img() {
        // Get the reference to the div element
        const divElement = document.getElementById('bourses_tabs');
        while (divElement.firstChild) {
            divElement.removeChild(divElement.firstChild);
        }
        // Create the image element
        const imgElement = document.createElement('img');
        // Set the source URL for the image
        imgElement.src = '/upload/ajax-loader.gif'; // Replace 'path/to/your/image.jpg' with the actual image URL
        imgElement.style.width = '100%';

        // Append the image element to the div
        divElement.appendChild(imgElement);
    }
    </script>    

<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDjskZDe9uE8qBUXqhDI7tuH_6D8be1Q4&libraries=places&region=MR&language=fr">
</script>


<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/bourse.css?v=32') }}">
<link href="{{ asset('theme/newTheme/css/sb-admin-2.css?v=20230621') }}" rel="stylesheet">

 
  

@endsection