@php
    use App\Http\Controllers\ModCronos;use Illuminate\Support\Facades\Crypt;

    $date_range = isset($date_range)?$date_range:ModCronos::rangeMonth();
    //OPTION

    $option_show = isset($option_show)?$option_show:2; //ativo

    $option_task = isset($option_task)?$option_task:1; //ativo
    $option_description = isset($option_description)?$option_description:1; //ativo
    $option_detail = isset($option_detail)?$option_detail:1; //ativo
    $option_project = isset($option_project)?$option_project:1; //ativo


@endphp
@include('system-layouts/head')
<style>
    ul.list-icons li {
        margin-left: 20px;

    }

    ul li ul {
        list-style-type: circle;
        margin-top: -5px !important;
        margin-bottom: 10px !important;
    }

    ul li ul li {
        line-height: 15px !important;
        margin-left: 25px !important;
    }
</style>

<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            <!--/ CONTENT END -->
            <form action="{{ url('projectmanage/report')}}/{{ Crypt::encrypt($id_architect_process)}}" method="post">
                <h4 class="card-title">Painel</h4>
                <div class="row">
                    <div class="col-6">
                        <button type="button"
                                style="border-radius: 5px; "
                                class="btn  project_process @if($id_architect_process == null) btn-dark  @else btn-secondary @endif  "
                                data-toggle="tooltip" title="Todos/Processos"
                                value="">
                            <span class="mdi mdi-chart-gantt"></span>
                        </button>
                        |
                        @foreach($record_process as $row_process)
                            <div class="btn-group btn-group-toggle " role="group" aria-label="First group">

                                <button type="button"
                                        style="border-radius: 5px; "
                                        class="btn  project_process @if($id_architect_process == $row_process->idArchitectProcess) btn-dark  @else btn-secondary @endif  "
                                        data-toggle="tooltip" title="{{$row_process->xName}}"
                                        value="{{Crypt::encrypt($row_process->idArchitectProcess)}}">
                                    <i class="{{$row_process->icon}}"></i>
                                </button>
                            </div>
                        @endforeach


                        <input type="hidden" id="idArchitectProcess" name="idArchitectProcess"
                               value="{{ Crypt::encrypt($id_architect_process)}}">

                    </div>
                    <div class="col-sm-6 font-12">


                        <input type="checkbox" class="check" id="optionTask" name="optionTask"
                               @if($option_task==1) checked @endif  style="position: absolute; opacity: 0;" value="1">
                        <label for="optionTask" class="">Tarefas &nbsp&nbsp</label>
                        <input type="checkbox" class="check" id="optionDescription" name="optionDescription"
                               @if($option_description==1) checked @endif style="position: absolute; opacity: 0;"
                               value="1">
                        <label for="optionDescription" class="">Descrições &nbsp&nbsp</label>|
                        <input type="checkbox" class="check" id="optiondetail" name="optiondetail"
                               @if($option_detail==1) checked @endif  style="position: absolute; opacity: 0;" value="1">
                        <label for="optiondetail" class="">Detalhes &nbsp&nbsp</label>


                        <select class="form-control form-control-sm custom-select" data-placeholder="Sprint"
                                id="optionShow"
                                name="optionShow">
                            <option value="1"
                                    @if($option_show=='1') selected="selected" @endif>
                                Mostrar: Tudo - Sprint/Projeto "não Organizado"
                            </option>
                            <option value="2"
                                    @if($option_show=='2') selected="selected" @endif>
                                Mostrar: Sprint - "hierarquia"
                            </option>
                            <option value="3"
                                    @if($option_show=='3') selected="selected" @endif>
                                Mostrar: Projeto - "solto"
                            </option>

                        </select>
                        <div id="sprintOption" class=" @if($option_show !=2) hide @endif p-t-10 m-l-10">
                            <input type="checkbox" class="check" @if($option_project=='1') checked="checked" @endif
                            id="optionProject" name="optionProject"
                                   style="position: absolute; opacity: 0;" value="1">
                            <label for="optionProject" class="">Projetos &nbsp&nbsp</label>
                        </div>

                    </div>
                </div>
                <div class="row m-t-15">
                    <div class="col-12 text-center">

                        <div class="btn-group ">
                            <select class="form-control form-control-sm custom-select" data-placeholder="Sprint"
                                    id="dateRangeName"
                                    name="dateRangeName">
                                <option value="">---</option>
                                <option value="{{ Crypt::encrypt('created_at')}}"
                                        @if($date_range_name=='created_at') selected="selected" @endif>
                                    Criação
                                </option>
                                <option value="{{ Crypt::encrypt('updated_at')}}"
                                        @if($date_range_name=='updated_at') selected="selected" @endif>
                                    Atualizacao
                                </option>
                                <option value="{{ Crypt::encrypt('dateEnd')}}"
                                        @if($date_range_name=='dateStart') selected="selected" @endif>
                                    Inicio/Projeto
                                </option>
                                <option value="{{ Crypt::encrypt('dateEnd')}}"
                                        @if($date_range_name=='dateEnd') selected="selected" @endif>
                                    Fim/Projeto
                                </option>

                            </select>

                            <input class="form-control form-control-line selectPedidos daterangepicker-daterangetime-edit font-12"
                                   placeholder="Data" type="text" name="dateRange"
                                   id="dateRangeEdit" value="{{$date_range}}" autocomplete="off"/>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                <span class="input-group-text-sm" title="Códido do contratante">
                                    WS
                                </span>
                                </div>
                                <select class="form-control form-control-sm custom-select" data-placeholder="Sprint"
                                        id="idWorkSpace"
                                        name="idWorkSpace">
                                    <option value="">---</option>
                                    @foreach($record_workspace as $row_workspace)
                                        <option value="{{Crypt::encrypt($row_workspace->idWorkSpace)}}"
                                                @if($id_workspace==$row_workspace->idWorkSpace) selected="selected" @endif>
                                            {{$row_workspace->xName}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <button type="submit" class="btn text-themecolor-inverse font-22   p-t-0 p-b-0 ">
                                <i class="ti-search"></i>
                            </button>

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


                {{--            <h6 class="card-subtitle">Lista todos os registro 2</h6>--}}
                <div class="table-responsive m-t-20" id="actionIndex">

                </div>


            </form>

            <!--/ CONTENT END -->
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <!--/ CONTENT END -->

            <small class="card-title">Quatidade: {{count($record)}}</small>
            {{--            <h6 class="card-subtitle">Lista todos os registro 2</h6>--}}
            <div class="table-responsive m-t-20" id="actionIndex">
                @include('systructure-architect.report-project')
                <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
            </div>


            <!--/ CONTENT END -->
        </div>
    </div>
</div>


@include('system-layouts/footer')
<script>
    $('.project_process').click(function () {
        $('#idArchitectProcess').val($(this).val());
    });
    $('.detales').each(function () {
        var clear = $(this).html()
        clear = clear.replace('<div>', ' ');
        console.log(clear.replace('</div>', ' '))
        $(this).html(clear)

    });

    $('#optionShow').change(function () {
        var val = '';
        $("#optionShow option:selected").each(function () {

            val += $(this).val();
        });
        if(val==2){
            $('#sprintOption').show()
        }else{
            $('#sprintOption').hide()

        }
    });
</script>