@extends('layouts.partials.main')
@section('tables')
Rubrique
@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 {{ $section->label }}</h3>
    </div>
    <div class="block-content block-content-full">
        {{-- <form action="{{ url('/Technicien/Update/' . $section->id) }}" method="POST"> --}}
            @csrf
            {{-- {{dd($section)}} --}}
            <div class="row">
                <div class="col-lg-4">
                    <p class="fs-sm text-muted">
                        Affichage des informations sur la categorie {{$section->label}}
                    </p>
                </div>

                <div class="col-lg-8 col-xl-5">
                    <div class="col-sm-6 col-xl-4">
                        <!-- Team Member -->
                        <div class="block block-rounded">
                            <div class="block-header">
                                <h3 class="block-title">
                                    Cover </h3>
                                {{-- <div class="block-options">
                                    <a class="btn-block-option" href="javascript:void(0)">
                                        <i class="si si-social-dribbble"></i>
                                    </a>
                                    <a class="btn-block-option" href="javascript:void(0)">
                                        <i class="si si-social-twitter"></i>
                                    </a>
                                    <a class="btn-block-option" href="javascript:void(0)">
                                        <i class="si si-social-facebook"></i>
                                    </a>
                                </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/'.$section->cover)}}" alt="">
                            </div>
                            {{-- <div class="block-content fs-sm">
                                <p>Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet
                                    adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est
                                    ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio
                                    sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.</p>
                            </div> --}}
                        </div>
                        <!-- END Team Member -->
                    </div>
                    <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="{{ $section->label }}" readonly>
                        </div>
                    </div>
                    {{-- <div class="mb-4">
                        <div class="input-group">
                            <input type="text" class="form-control" id="example-group1-input1"
                                value="{{ $section->description }}">
                            <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">Description </span>
                            <input type="text" class="form-control form-control-alt" id="example-group1-input1-alt"
                                value="{{ $section->description }}" readonly>
                        </div>
                    </div>
                    <div class="mb-4">
                        <label class="form-label">Visible à l'accueil </label>
                        <div class="space-x-2">

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" value="1" id="example-checkbox-inline1"
                                    name="is_visible_home" @if($section->is_visible_home == 1 )
                                {{"checked"}}
                                @else
                                {{""}}
                                @endif>
                                <label class="form-check-label" for="example-checkbox-inline1">Oui</label>

                            </div>

                        </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="{{ $section->status }}" readonly>
                        </div>
                    </div> --}}
                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title">Categories</h3>
                        </div>
                        <div class="block-content">
                            <p class="fs-sm text-muted">
                                Categories associées a la rubrique
                            </p>
                            <div class="row items-push text-center">

                                @foreach ($section->categories as $categorie )


                                <button type="button" class="btn btn-primary w-100 js-bs-popover-enabled"
                                    data-bs-toggle="popover" data-bs-placement="top"
                                    data-bs-content="{{$categorie->description}}">{{$categorie->label}}
                                </button>
                                <form
                                    action="{{ route('Section.detach.categorie', ['section_id'=> $section->id,'categorie_id'=>$categorie->id]) }}"
                                    method="POST">
                                    {{ csrf_field() }}
                                    <button type="submit" class="btn btn-sm btn-alt-secondary js-bs-tooltip-enabled"
                                        data-bs-toggle="tooltip" title="" data-bs-original-title="Delete_relationship">
                                        dissocier de la rubrique <i class="fa fa-fw fa-times"></i>
                                    </button>
                                </form>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xl-4">
                        <button class="btn btn">
                            <a href="{{ route('Sections.index') }}"> Retour </a>
                        </button>

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

    </div>

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