@extends('layouts.partials.main')
@section('tables')
Section Type
@endsection
@section('Titre')
Afficher les infos de {{ $cat->label }}
@endsection

@section('content-pr')
<!-- With Text -->
<div class="block block-rounded">
    <div class="block-header block-header-default">
        <h3 class="block-title">infos de {{ $cat->label }}</h3>
    </div>
    <div class="block-content block-content-full">

        <div class="row">
            <div class="col-lg-4">
                <p class="fs-sm text-muted">
                    Afficher les infos de {{ $cat->label }}

                </p>
            </div>
            <div class="col-lg-8 col-xl-5">
                <div class="mb-4">
                    <div class="input-group">
                        <span class="input-group-text">Label </span>
                        <input type="text" class="form-control" id="example-group1-input1" value="{{ $cat->label }}" readonly>
                    </div>
                </div>
                <div class="mb-4">
                    <div class="input-group">
                        <input type="text" class="form-control" id="example-group1-input1" value="{{ $cat->color }}">
                        <span class="input-group-text" readonly>Couleur</span>
                    </div>
                </div>
                <div class="mb-4">
                    <div class="input-group">
                        <input type="text" class="form-control" id="example-group1-input1" value="{{ $cat->icon_color }}">
                        <span class="input-group-text" readonly>Couleur de l'icone</span>
                    </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 liées a la Catégorie
                        </p>
                        <div class="row items-push text-center">

                            @foreach ($cat->sections 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->description}}">
                                <a href="{{route('Sections.show', $section->id)}}" style="color: white">{{$section->label}}</a>
                            </button>


                            @endforeach
                        </div>

                    </div>
                </div>
                {{-- <div class="mb-4">
                            <div class="input-group">
                                <input type="text" class="form-control" id="example-group1-input1" 
                                    value="{{ $cat->icon }}">
                <span class="input-group-text" readonly>Icone</span>
            </div>
        </div> --}}

        {{-- <div class="mb-4">
                            <div class="input-group">
                                <input type="text" class="form-control" id="example-group1-input1" 
                                    value="{{ $cat->cover }}">
        <span class="input-group-text" readonly>Description</span>
    </div>
</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" value="{{ $cat->status }}" readonly>
</div>
</div> --}}

<div class="col-sm-6 col-xl-4">
    <button class="btn btn">
        <a href="{{ route('Categorie.index') }}"> Retour </a>
    </button>

</div>
</div>
</div>

</div>

</form>
</div>
</div>
<!-- END With Text -->
@endsection