@extends('layouts.partials.main')
@section('tables')
Plan de souscription
@endsection
@section('Titre')
Afficher
@endsection

@section('content-pr')
<!-- With Text -->
<div class="block block-rounded">
    <div class="block-header block-header-default">
        <h3 class="block-title">infos de {{ $subplan->label }}</h3>
    </div>
    <div class="block-content block-content-full">
        {{-- <form action="{{ url('/Technicien/Update/' . $sectionTpe->id) }}" method="POST"> --}}
            @csrf
            {{-- {{dd($sectionTpe)}} --}}
            <div class="row">
                <div class="col-lg-4">
                    <p class="fs-sm text-muted">
                        Affichage des informations sur le plan de souscription {{$subplan->label}}
                    </p>
                </div>
                {{-- <div class="col-lg-8 col-xl-5"> --}}
                    <div class="col-lg-8 col-xl-5">
                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text">Libellé</span>
                                <input type="text" class="form-control" id="example-group1-input1" name="label"
                                    value="{{$subplan->label}}" readonly>
                            </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.."
                                readonly>{{ $subplan->description }}</textarea>
                        </div>


                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text input-group-text-alt">Prix</span>
                                <input type="number" class="form-control form-control-alt"
                                    id="example-group1-input1-alt" name="price" value="{{ $subplan->price }}">
                            </div>
                        </div>
                        <div class="mb-4">
                            <div class="input-group">
                                <span class="input-group-text input-group-text-alt">Nombre de mois </span>
                                <input type="number" class="form-control form-control-alt"
                                    id="example-group1-input1-alt" name="time" value="{{ $subplan->time}}" readonly>
                            </div>
                        </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 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="text" class="form-control" id="example-group1-input1"
                                    value="{{ $sectionTpe->description }}">
                                <span class="input-group-text" readonly>Description</span>
                            </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">
                                    Niveaux 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>
                        <div class="col-sm-6 col-xl-4">
                            <button class="btn btn">
                                <a href="{{ route('SubscriptionPlan.index') }}"> Retour </a>
                            </button>

                        </div>
                    </div>

                </div>

                {{--
            </div> --}}
    </div>

</div>

</form>
</div>

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