c-cms-legacy/resources/views/admin/schedule/editor/template.blade.php

<div class="row">
    <div class="col-2 p-3 border-right border-bottom bg-dark text-white">
        <b>
            Niveau/Periode
        </b>
    </div>
    @foreach($eventType->schedule_model['niveaux'] as $niveau)
        <div class="col border-right border-bottom bg-dark text-white">
            <div class="row">
                <div class="col-9">
                    <div class="form-group label-floating">
                        <input type="text" placeholder="Niveau" class="form-control text-white" value="{{$niveau['name']}}" />
                        <span class="form-control-feedback">
                <i class="material-icons">clear</i>
             </span>
                    </div>
                </div>
                <div class="col-3 text-right">
                    <button type="button" class="btn btn-link btn-sm dropdown-toggle dropdown-toggle-split text-white" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <div class="dropdown-menu">
                        <button id="modeSwitchPeriodeC{{$loop->index+1}}" class="btn-secondary dropdown-item m-1" onclick="selectCourseModeNiveau('course',{{$loop->index+1}})">Mode "Cours" pour toutes les périodes</button>
                        <button id="modeSwitchPeriodeO{{$loop->index+1}}" class="btn-secondary dropdown-item m-1" onclick="selectCourseModeNiveau('other',{{$loop->index+1}})">Mode "Autre" pour toutes les période</button>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    <div class="col-1">
        <button class="btn btn-primary btn-fab btn-fab-mini btn-round">
            <i class="material-icons">add</i>
        </button>
    </div>
</div>
@foreach($eventType->schedule_model['periodes'] as $periode)
    <div class="row">
        <div class="col-2 d-inline border-right border-bottom bg-light">
            <div class="row">
                <div class="col-9">
                    <div class="form-group label-floating">
                        <input type="text" placeholder="Période" class="form-control" value="{{$periode['name']}}" />
                        <span class="form-control-feedback">
                            <i class="material-icons">clear</i>
                        </span>
                    </div>
                </div>
                <div class="col-3 text-right">
                    <button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <div class="dropdown-menu">
                        <button id="modeSwitchPeriodeC{{$loop->index+1}}" class="btn-secondary dropdown-item m-1" onclick="selectCourseModePeriode('course',{{$loop->index+1}})">Mode "Cours" pour toute la période</button>
                        <button id="modeSwitchPeriodeO{{$loop->index+1}}" class="btn-secondary dropdown-item m-1" onclick="selectCourseModePeriode('other',{{$loop->index+1}})">Mode "Autre" pour toute la période</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <div class="form-group label-floating">
                        <input type="time" class="form-control" value="{{$periode['begin_time']}}" />
                        <span class="form-control-feedback"><i class="material-icons">clear</i></span>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group label-floating">
                        <input type="time" class="form-control" value="{{$periode['end_time']}}" />
                        <span class="form-control-feedback"><i class="material-icons">clear</i></span>
                    </div>
                </div>
            </div>
        </div>
        @foreach($eventType->schedule_model['niveaux'] as $niveau)
            <div id="container-{{$loop->index+1}}-{{$loop->parent->index+1}}" niveau="{{$loop->index+1}}" periode="{{$loop->parent->index+1}}" class="col m-0 border-bottom border-right scheduleEditor-course">
                @loaderDot
            </div>
        @endforeach
        <div class="col-1">

        </div>
    </div>
@endforeach
<div class="row">
    <div class="col-2 p-2">
        <button class="btn btn-primary btn-fab btn-fab-mini btn-round">
            <i class="material-icons">add</i>
        </button>
    </div>
</div>