@extends('layouts.partials.main')
@section('Titre')
Editer les infos
@endsection

@section('content-pr')
<!-- With Text -->
<!-- With Text -->
<div class="block block-rounded">
    <div class="block-header block-header-default">
        <h3 class="block-title">Editer infos de {{ $subplan->label }}</h3>
    </div>
    <div class="block-content block-content-full">
        <form action="{{ route('SubscriptionPlan.update', $subplan) }}" method="POST">
            @csrf
            @method('PUT')
            {{-- {{dd($subplan)}} --}}
            <div class="row">
                <div class="col-lg-4">
                    <p class="fs-sm text-muted">
                        {{-- Modifier les infos --}}
                    </p>
                </div>
                <div class=" row">
                    <div class="col-lg-4">
                        <p class="fs-sm text-muted">
                            Mettre a jour le Plan de souscription
                        </p>
                    </div>
                    <div class="col-lg-8 col-xl-5">
                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text">Libellé <span class="text-danger">*</span></span>
                                <input type="text" class="form-control" id="example-group1-input1" name="label"
                                    value="{{$subplan->label}}" required>
                            </div>
                        </div>
                        {{-- <div class="mb-4">
                            <div class="input-group">
                                <input type="text" class="form-control" id="example-group1-input2" name="description">
                                <span class="input-group-text">Description</span>
                            </div>
                        </div> --}}
                        <div class="mb-4">
                            <label class="form-label" for="example-textarea-input">Description <span
                                    class="text-danger">*</span> </label>
                            <textarea class="form-control" id="example-textarea-input" name="description" rows="4"
                                placeholder="Veuillez y inscrire la description.."
                                required>{{ $subplan->description }}</textarea>
                        </div>

                        {{-- <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text input-group-text-alt">Status</span>
                                <input type="text" class="form-control form-control-alt" id="example-group1-input1-alt"
                                    name="status">
                            </div>
                        </div> --}}
                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text input-group-text-alt">Prix <span
                                        class="text-danger">*</span></span>
                                <input type="number" class="form-control form-control-alt"
                                    id="example-group1-input1-alt" name="price" value="{{$subplan->price}}" required>
                            </div>
                        </div>
                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text input-group-text-alt">Nombre de mois <span
                                        class="text-danger">*</span> </span>
                                <input type="number" class="form-control form-control-alt"
                                    id="example-group1-input1-alt" name="time" value="{{$subplan->time}}" required>
                            </div>
                        </div>
                        <div class="block-content block-content-full text-center bg-image"
                            style="background-image: url('assets/media/photos/photo15.jpg');">
                            <img class="img-avatar img-avatar96 img-avatar-thumb"
                                src="{{asset('storage/cover/'.$subplan->cover)}}" alt="">
                        </div>
                        <div class="mb-4">
                            <div class="input-group">
                                <input type="file" class="form-control" id="example-group1-input2" name="cover">
                                <span class="input-group-text">Cover</span>
                            </div>
                        </div>

                    </div>
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title">Contenus</h3>
                        </div>
                        <div class="block-content">
                            <p class="fs-sm text-muted">
                                Contenus pour ce plan de souscription
                            </p>
                            <div class="row items-push text-center">

                                @foreach ($subplan->SubscriptionPlanContent as $content )


                                <button type="button" class="btn btn-primary w-100 js-bs-popover-enabled"
                                    data-bs-toggle="popover" data-bs-placement="top"
                                    data-bs-content="{{$content->label}}">{{$content->label}}
                                </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title">Rubriques</h3>
                        </div>
                        <div class="block-content">
                            <p class="fs-sm text-muted">
                                Rubriques pour ce plan de souscription
                            </p>
                            <div class="row items-push text-center">

                                @foreach ($subplan->subscriptionPlanSections as $section )


                                <button type="button" class="btn btn-primary w-100 js-bs-popover-enabled"
                                    data-bs-toggle="popover" data-bs-placement="top"
                                    data-bs-content="{{$section->label}}">{{$section->label}}
                                </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title">Universités</h3>
                        </div>
                        <div class="block-content">
                            <p class="fs-sm text-muted">
                                Universités pour ce plan de souscription
                            </p>
                            <div class="row items-push text-center">

                                @foreach ($subplan->subscriptionPlanUniversities as $universitie )


                                <button type="button" class="btn btn-primary w-100 js-bs-popover-enabled"
                                    data-bs-toggle="popover" data-bs-placement="top"
                                    data-bs-content="{{$universitie->name}}">{{$universitie->name}}
                                </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title">Niveau</h3>
                        </div>
                        <div class="block-content">
                            <p class="fs-sm text-muted">
                                Contenus pour ce plan de souscription
                            </p>
                            <div class="row items-push text-center">

                                @foreach ($subplan->subscriptionPlanLevels as $level )


                                <button type="button" class="btn btn-primary w-100 js-bs-popover-enabled"
                                    data-bs-toggle="popover" data-bs-placement="top"
                                    data-bs-content="{{$level->label}}">{{$level->label}}
                                </button>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    {{--
                    <h2 class="content-heading border-bottom mb-4 pb-2">parent id</h2> --}}
                    <div class="row items-push">
                        <div class="col-lg-4">
                            <p class="fs-sm text-muted">

                            </p>
                        </div>
                        <div class="col-lg-8 col-xl-5">

                            <div class="mb-4">
                                <span class="input-group-text input-group-text-alt"> Nombre de Rubriques
                                    associées</span>

                                <input type="number" id="N" min="0" value="1" max="15" step="1" name="nbrRub"
                                    style="width:2.5em;" onchange="Chbx();return false;">

                                {{-- <input type="button" id="bt" onclick="Disp();return false;"> --}}


                                <br>
                                {{-- <span class="input-group-text input-group-text-alt"> Veuillez remplir les champs
                                    suivants
                                </span> --}}

                                <div id="InputFields" style="margin-top: 10%">

                                </div>
                                <br> <br>

                                {{-- <label class="form-label" for="val-skill">Section <span
                                        class="text-danger">*</span></label>
                                <select class="form-select" id="val-skill" name="parent_id">
                                    <option value="">Please select</option>
                                    @foreach ($listP as $lst)
                                    <option value="{{ $lst->id }}">{{ $lst->label }}</option>
                                    @endforeach
                                </select> --}}
                            </div>
                            <div class="mb-4">
                                <span class="input-group-text input-group-text-alt"> Nombre de contenus associés
                                    associées a
                                    ce
                                    mot</span>

                                <input type="number" id="N1" min="0" value="1" max="15" step="1" name="nbrCont"
                                    style="width:2.5em;" onchange="Chbx1();return false;">

                                {{-- <input type="button" id="bt" onclick="Disp();return false;"> --}}


                                <br>
                                {{-- <span class="input-group-text input-group-text-alt"> Veuillez remplir les champs
                                    suivants
                                </span> --}}

                                <div id="InputFields1" style="margin-top: 10%">

                                </div>
                                <br> <br>

                                {{-- <label class="form-label" for="val-skill">Section <span
                                        class="text-danger">*</span></label>
                                <select class="form-select" id="val-skill" name="parent_id">
                                    <option value="">Please select</option>
                                    @foreach ($listP as $lst)
                                    <option value="{{ $lst->id }}">{{ $lst->label }}</option>
                                    @endforeach
                                </select> --}}
                            </div>
                            <div class="mb-4">
                                <span class="input-group-text input-group-text-alt"> Nombre de niveau
                                    associées</span>

                                <input type="number" id="N2" min="0" value="1" max="15" step="1" name="nbrNiv"
                                    style="width:2.5em;" onchange="Chbx2();return false;">

                                {{-- <input type="button" id="bt" onclick="Disp();return false;"> --}}


                                <br>
                                {{-- <span class="input-group-text input-group-text-alt"> Veuillez remplir les champs
                                    suivants
                                </span> --}}

                                <div id="InputFields2" style="margin-top: 10%">

                                </div>
                                <br> <br>

                                {{-- <label class="form-label" for="val-skill">Section <span
                                        class="text-danger">*</span></label>
                                <select class="form-select" id="val-skill" name="parent_id">
                                    <option value="">Please select</option>
                                    @foreach ($listP as $lst)
                                    <option value="{{ $lst->id }}">{{ $lst->label }}</option>
                                    @endforeach
                                </select> --}}
                            </div>
                            <div class="mb-4">
                                <span class="input-group-text input-group-text-alt"> Nombres d'universités associées
                                </span>

                                <input type="number" id="N3" min="0" value="1" max="15" step="1" name="nbrUniv"
                                    style="width:2.5em;" onchange="Chbx3();return false;">

                                {{-- <input type="button" id="bt" onclick="Disp();return false;"> --}}
                                <br>
                                {{-- <span class="input-group-text input-group-text-alt"> Veuillez remplir les champs
                                    suivants
                                </span> --}}

                                <div id="InputFields3" style="margin-top: 10%">

                                </div>
                                <br> <br>

                                {{-- <label class="form-label" for="val-skill">Section <span
                                        class="text-danger">*</span></label>
                                <select class="form-select" id="val-skill" name="parent_id">
                                    <option value="">Please select</option>
                                    @foreach ($listP as $lst)
                                    <option value="{{ $lst->id }}">{{ $lst->label }}</option>
                                    @endforeach
                                </select> --}}
                            </div>
                            <div class="col-sm-6 col-xl-4">
                                <input type="Submit" class="btn btn-success" value="Enregistrer">
                                <div class="mt-2">
                                    {{-- <code>Enregistrer</code> --}}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    var tab1 = {!! json_encode($listP) !!}

    var tab3 = {!! json_encode($allLevls) !!}
    var tab4 = {!! json_encode($allUnivs) !!}


function Chbx() {
    Fields=document.getElementById("InputFields");
    N=document.getElementById("N").value;
    while (Fields.hasChildNodes()) {Fields.removeChild(Fields.lastChild);}
    for (i=0;i<N;i++) {
    //    Fields.appendChild(document.createTextNode("Rubrique " + (i+1)+" "));
    //    var input = document.createElement("TEXTAREA");
    //    input.type = "text";
    //    input.name = "n" + i;
    //    input.rows = 2;
    // //    input.min=0;input.max=50;input.step=1;
    //    input.style = "width:7em;"
    //    input.id = "k" + i;
    //    Fields.appendChild(input);
    //    document.getElementById("k"+i).value=25;

      Fields.appendChild(document.createTextNode("Rubrique : " ));
       var element = document.createElement("select");
       element.id = "Rubrique" + i;
       element.name = "Rub" + i ;
       Fields.appendChild(element);
       for (var j = 0; j < tab1.length; j++) {
    var option = document.createElement("option");
    option.setAttribute("value", tab1[j]["id"]);
    option.text = tab1[j]["label"];
    element.appendChild(option);

       }
       Fields.appendChild(document.createElement("br"));
    }
// document.getElementById("bt").value="Afficher les "+N+" valeurs";
}
function Chbx1() {
    Fields=document.getElementById("InputFields1");
    N=document.getElementById("N1").value;
    while (Fields.hasChildNodes()) {Fields.removeChild(Fields.lastChild);}
    for (i=0;i<N;i++) {
       Fields.appendChild(document.createTextNode("Contenu " + (i+1)+" "));
       var input = document.createElement("INPUT");
       input.type = "text";
       input.name = "subCont" + i;
    //    input.rows = 2;
    //    input.min=0;input.max=50;input.step=1;
       input.style = "width:7em;margin-top:3em"
       input.id = "subCont" + i;
       Fields.appendChild(input);
    //    document.getElementById("subCont"+i).value="";

       }



       Fields.appendChild(document.createElement("br"));




    // }
// document.getElementById("bt").value="Afficher les "+N+" valeurs";
}function Chbx2() {
    Fields=document.getElementById("InputFields2");
    N=document.getElementById("N2").value;
    while (Fields.hasChildNodes()) {Fields.removeChild(Fields.lastChild);}
    for (i=0;i<N;i++) {


      Fields.appendChild(document.createTextNode("Niveau : " ));
       var element = document.createElement("select");
       element.id = "lev" + i;
       element.name = "lev" + i ;
       Fields.appendChild(element);
       for (var j = 0; j < tab3.length; j++) {
    var option = document.createElement("option");
    option.setAttribute("value", tab3[j]["id"]);
    option.text = tab3[j]["label"];
    element.appendChild(option);

       }



       Fields.appendChild(document.createElement("br"));




    }
// document.getElementById("bt").value="Afficher les "+N+" valeurs";
}function Chbx3() {
    Fields=document.getElementById("InputFields3");
    N=document.getElementById("N3").value;
    while (Fields.hasChildNodes()) {Fields.removeChild(Fields.lastChild);}
    for (i=0;i<N;i++) {
    //    Fields.appendChild(document.createTextNode("Rubrique " + (i+1)+" "));
    //    var input = document.createElement("TEXTAREA");
    //    input.type = "text";
    //    input.name = "n" + i;
    //    input.rows = 2;
    // //    input.min=0;input.max=50;input.step=1;
    //    input.style = "width:7em;"
    //    input.id = "k" + i;
    //    Fields.appendChild(input);
    //    document.getElementById("k"+i).value=25;

      Fields.appendChild(document.createTextNode("Université : " ));
       var element = document.createElement("select");
       element.id = "univ" + i;
       element.name = "univ" + i ;
       Fields.appendChild(element);
       for (var j = 0; j < tab4.length; j++) {
    var option = document.createElement("option");
    option.setAttribute("value", tab4[j]["id"]);
    option.text = tab4[j]["name"];
    element.appendChild(option);

       }



       Fields.appendChild(document.createElement("br"));




    }
// document.getElementById("bt").value="Afficher les "+N+" valeurs";
}

// function Disp() {
//   N=document.getElementById("N").value;
//   ValueList="";
//   for (i=0;i<N;i++) {
//        ValueList+=document.getElementById("k"+i).value+"\n";
//   }
//   alert(ValueList);
// }

Chbx();
Chbx1();
Chbx2();
Chbx3();

</script>
<!-- END With Text -->
@endsection