@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">
            <div class="row justify-content-between ">
                <div class="col-12 col-lg-6">
                    <x-expandable_checkboxes :data="$orgasForBcp"></x-organisation>
                </div>
                <div class="col-12 col-lg-6">
                    <x-processus :processes="$processes"></x-processus>
                </div>
            </div>

            <div class="row justify-content-between ">
                <div class="col-12 col-lg-6">
                    <x-risque :riskList="$riskList"></x-risque>
                </div>
                <div class="col-12 col-lg-6">
                    <x-consequence :consequences="$consequences" :fonctions="$fonctions"
                                   :annuaires="$annuaires"></x-consequence>
                </div>
            </div>

            <div class="row justify-content-between  ">
                <div class="col-12">
                    @include('components.description-risque')
                </div>
            </div>

            <div class="row justify-content-between ">
                <div class="col-12 col-lg-6">
                    <x-impact-risque :niveau="$niveau"></x-impact-risque>
                </div>
                <div class="col-12 col-lg-6">
                    @include('components.criticite')
                </div>
            </div>

            <div class="row justify-content-between">
                <div class="col-12">
                    @include('components.description-controle')
                </div>
            </div>

            <div class="row justify-content-between">
                <div class="col-12">
                    @include('components.points-de-controles')
                </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