@php
    use App\Http\Controllers\DevModAuthController;
    use App\Http\Controllers\DevModElemAuthController;
@endphp
@include('system-layouts.layout-head')
@include('systructure-contract-plan.title')


<div class="container-fluid">
    <!-- contentiner -->
    <!-- col -->
    <div class="card">
        <div class="card-header m-b-20">
            <h4 class="text-themecolor ">Adicionar</h4>
        </div>
        <!-- card -->
        <div class="card-body">

            <form action="{{ asset('plan/add') }}" method="post" class="needs-validation error" novalidate
                  id="actionIndex">

                <div class="form-group">
                    <h5>TITULO DO PLANO<span class="text-danger">*</span></h5>
                    <div class="controls">
                        <input type="text" name="xName" id="xName" class="form-control" required=""
                               data-validation-required-message="This field is required" value="">
                        <div class="help-block"></div>
                    </div>
                    <div class="form-control-feedback"><small>Referência de <code>origem</code>.</small></div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <h5>Descrição</h5>
                            <div class="controls">
                        <textarea class="textarea_editor form-control" maxlength="250" name="description" rows="8"
                                  placeholder="Enter texto ..."></textarea>
                                <div class="textarea_count"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <h3>Crie as permissões do plano </h3>
                @foreach($record_container as $now_container)
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card text-left" id="headingOne9">
                                <div class="input-group">
                                    <div class="switch ">
                                        <label class="container-checkbox">
                                            <input type="checkbox" name="containerMod"
                                                   id="containerMod{{$now_container->idMod}}"
                                                   value="{{$now_container->idMod}}"
                                                   class="checkbox">
                                            <span class="lever switch-col-themecolor"></span>
                                            <span class="text-themecolor font-18"> {{ $now_container->xName }}</span>
                                        </label>

                                    </div>
                                </div>
                                <div class="hide " id="checkContMod{{$now_container->idMod}}">
                                    <div class="table-responsive font-13 m-l-20">
                                        <table class="table  stylish-table ">
                                            <tbody>
                                            @php
                                                $record_mod = DevModAuthController::information([
                                                     'idSub'=>$now_container->idMod,
                                                     'orderByName'=>'xName',
                                                     'optionList'=>'g',
                                                     'optionListQtt'=>'a',
                                                     ]);
                                            @endphp
                                            @foreach($record_mod as $row_mod)
                                                <tr>
                                                    <td>
                                                        <div class="row">
                                                            <div class="col-sm-12">
                                                                <div class="input-group">

                                                                    <input type="checkbox"
                                                                           class="chk-col-black container-mod-checkbox"
                                                                           id="idMod{{$row_mod->idMod}}"
                                                                           name="idMod"
                                                                           value="{{$row_mod->idMod}}">

                                                                    <label for="idMod{{$row_mod->idMod}}">
                                                                    </label>
                                                                    <div class="container-mod-text  font-16"
                                                                         style="cursor: pointer; padding-bottom: 5px;"
                                                                         data-value="{{$row_mod->idMod}}">
                                                                        {{$row_mod->xName}} 5
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>

                                                        @php
                                                            $record_elem = DevModElemAuthController::information([
                                                                 'idMod'=>$row_mod->idMod,
                                                                 'orderByName'=>'xName',
                                                                 'optionList'=>'g',
                                                                 'optionListQtt'=>'a',
                                                                 ]);
                                                        @endphp
                                                        <div class="hide" id="checkMod{{$row_mod->idMod}}">

                                                            @foreach($record_elem as $row_elem)
                                                                <div class="row m-l-10 bg-hover-light ">
                                                                    <div class="col-sm-12 p-t-5">
                                                                        <div class="input-group">
                                                                            <input type="checkbox"
                                                                                   class="chk-col-grey container-elem-checkbox"
                                                                                   id="idElem{{$row_elem->idElem}}"
                                                                                   checked=""
                                                                                   name="idElem"
                                                                            >

                                                                            <label for="idElem{{$row_elem->idElem}}">

                                                                            </label>

                                                                            <span class="font-13">{{$row_elem->xName}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        </div>


                                                </tr>
                                            @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>

                @endforeach
                <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                <hr>
                <div class="row p-t-20">
                    <div class="col-md-8"></div>
                    <div class="col-md-4">
                        <div class="btn-group btn-group  float-right" role="group" aria-label="Basic example">
                            <button type="submit" class="btn waves-effect waves-light btn-primary">    <i
                                        class="ti-save"></i> salvar    
                            </button>
                            <a href="{{asset('plan')}}" class="btn waves-effect waves-light btn-secondary"
                               data-dismiss="modal" aria-hidden="true"> <i class="fa fa-chevron-left"></i>
                                Voltar</a>
                        </div>
                    </div>
                </div>


            </form>
        </div>
        <!--/ card -->
    </div>
    <!--/ end col -->
    <!--/ end contentiner -->
</div>
@include('system-layouts/layout-footer')

<script>
    $('.container-checkbox').change(function () {

        var status_check = $(this).children('input ').prop('checked');
        var v_id = $(this).children('input ').val();
        if (status_check == true) {
            $('#checkContMod' + v_id).slideDown('slow');
        } else {
            $('#checkContMod' + v_id).slideUp('slow');
        }

    });


    $('.container-mod-checkbox').change(function () {

        var status_check = $(this).prop('checked');
        var v_id = $(this).val();
        var v_false=0;
        var v_true=0;
        $('#checkMod' + v_id).children().children().children().children('.container-elem-checkbox').each(function () {
            if($(this).prop('checked')== true){ v_true ++}
            if($(this).prop('checked')== false){ v_false ++}
        });

        console.log(v_true,v_false,v_id)
        var v_resul = v_true-v_false;
        if(v_false >= 1 ) {
            $('#idMod'+v_id).removeClass('chk-col-black');
            $('#idMod'+v_id).addClass('chk-col-grey')
            $('#idMod'+v_id).prop('checked',true);
        }else if(v_resul == v_true){
            $('#idMod'+v_id).addClass('chk-col-black');
            $('#idMod'+v_id).prop('checked',true);

        }

        // if (status_check == true) {
        //     $('#checkMod' + v_id).slideDown('slow');
        // } else {
        //     $('#checkMod' + v_id).slideUp('slow');
        // }

    });

    $('.container-mod-text').click(function () {
        var v_id = $(this).attr('data-value');
        console.log(v_id);

        $('#checkMod' + v_id).slideToggle('slow');


    });
</script>