@extends('layouts.app')
@section('page-metaSEO')
    <title>Components Page - BCM</title>
@endsection
@section('page-css')
{{--    <link rel="stylesheet" href="{{ env('APP_URL') }}/css/app.css?v={{ env('CACHE_VERSION') }}">--}}
@endsection
@section('content')
    <script>
        var orgaProcesses = {!!  json_encode($orgaProcesses)  !!};
    </script>

    <form id="pr_assessment_ci_new" action="{{route('pr_assessment_ci_new_save')}}">
        @csrf
        <div class="container-fluid">
            <div class="d-flex justify-content-between gap-3">
                <div class="col-12 col-12">
                    <x-expandable_checkboxes :data="$orgasForBcp" expanded="expanded"></x-expandable_checkboxes>
                </div>
            </div>

            <div class="d-flex justify-content-between gap-3">
                <div class="col-lg-6 col-12">
                    <x-expandable_checkboxes :data="$orgasForBcp"></x-expandable_checkboxes>
                </div>
                <div class="col-lg-6 col-12">
                    <x-expandable_checkboxes :data="$orgasForBcp"></x-expandable_checkboxes>
                </div>
            </div>


            <div class="d-flex justify-content-between">
                <div class="col-12">
                    <x-description-risque></x-description-risque>
                </div>
            </div>



            <div class="d-flex justify-content-between gap-3">
                <div class="col-12 col-lg-6">
                    <x-impact-risque :niveau="$niveau"></x-impact-risque>
                </div>
                <div class="col-12 col-lg-6">
                    <x-criticite :niveau="$niveau" :strategies="$strategies"></x-criticite>
                </div>
            </div>



            <div class="d-flex justify-content-between gap-3">
                <div class="col-12">
                    <x-duration></x-duration>
                </div>
            </div>


            <div class="d-flex justify-content-between gap-3">
                <div class="col-lg-6 col-12">
                    <x-expandable_checkboxes title="Besoin Actifs" :data="$orgasForBcp"></x-expandable_checkboxes>
                </div>
                <div class="col-lg-6 col-12">
                    <x-expandable_checkboxes_process title="Besoin Processus" :data="$processForAsset"></x-expandable_checkboxes_process>
                </div>
            </div>



            <div class="col-12 mt-4 mb-5 text-end">
                <button class="btn btn-danger">Quitter</button>
                <button class="btn btn-success">Valider</button>
            </div>

        </div>
    </form>
<style>
    .criticite .container{
        height:370px
    }
</style>
@endsection