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>
    @for($i = 1; $i <= 3; $i++)
        <div class="col border-right border-bottom bg-dark text-white">
            <div class="form-group label-floating">
                <input type="text" placeholder="Niveau" class="form-control text-white" value="Niveau {{$i}}" />
                <span class="form-control-feedback">
                <i class="material-icons">clear</i>
             </span>
            </div>
        </div>
    @endfor
    <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>
@for($j = 1; $j <= 3; $j++)
    <div class="row">
        <div class="col-2 d-inline border-right border-bottom bg-light">
            <div class="form-group label-floating">
                <input type="text" placeholder="Période" class="form-control" value="Période {{$j}}" />
                <span class="form-control-feedback">
                <i class="material-icons">clear</i>
             </span>
            </div>
            <div class="row">
                <div class="col-6">
                    <div class="form-group label-floating">
                        <input type="time" class="form-control" value="00:00" />
                        <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="00:00" />
                        <span class="form-control-feedback"><i class="material-icons">clear</i></span>
                    </div>
                </div>
            </div>
        </div>
        @for($i = 1; $i <= 3; $i++)
            <div id="container-{{$i}}-{{$j}}" niveau="{{$i}}" periode="{{$j}}" class="col scheduleEditor-course">
                @loaderDot
            </div>
        @endfor
        <div class="col-1">

        </div>
    </div>
@endfor
<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>