@include('system-layouts.layout-head')
@include('systructure-architect-communication.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('architect-communication/add') }}" method="post" class="needs-validation error" novalidate
                  id="actionIndex">
                <div class="form-row">
                    <div class="col-sm-8">
                        <div class="form-group">
                            <h5>Título<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>
                    <div class="col-sm-4">
                        <div class="form-group  m-l-15 m-t-30">
                            <div class="controls" id="idAddressShowHideOption">
                                <div class="js-switch-checkbox m-t-5">
                                    <small class="js-switch-title-right"
                                           style="margin-right: 5px;">Desativado</small>
                                    <input id="idStatusReg"
                                           name="idStatusReg"
                                           {{--                                           @if($record->negProdtServOrganizeCategoryStatus==1) checked="checked" @endif--}}
                                           type="checkbox"
                                           class="js-switch"
                                           checked
                                           data-color="#3d3b3b"/>
                                    <small class="js-switch-title-left" style="margin-left: 5px;">Ativo</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="control-label">Ação</label>
                            <select id="idArchitectAction" name="idArchitectAction" class="form-control custom-select" data-placeholder="Choose a Category"
                                    tabindex="1">
                                <option value="">---</option>
                                @foreach($record_action as $row)
                                    <option value="{{$row->idArchitectAction}}">{{$row->xName}}</option>
                                @endforeach

                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <h5>Data de inicio<span class="text-danger">*</span></h5>
                            <div class="controls">
                                <input type="datetime-local" name="dateStart" id="dateStart" 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> Data e hora que irá aparecer o comunicado
                                    .</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="control-label">Cliente do contratante</label>
                            <div class="controls" id="idAddressShowHideOption">
                                <div class="js-switch-checkbox m-t-5">
                                    <small class="js-switch-title-right"
                                           style="margin-right: 5px;">Desativado</small>
                                    <input id="idStatusContractorClient"
                                           name="idStatusContractorClient"

                                           type="checkbox"
                                           class="js-switch"
                                           data-color="#3d3b3b"/>
                                    <small class="js-switch-title-left" style="margin-left: 5px;">Ativo</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div style="
                        border: 1px solid #ebebeb;
                        border-radius: 15px;
                        padding: 20px;
                        background-color: #f9f9f9;
                ">
                    <h4>Interroper:</h4>
                    <div class="row m-l-10">
                        <div class="col-md-6">
                            <h5 class="m-t-10">Interroper acesso do usuario </h5>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group  m-l-5">
                                <div class="controls" id="idAddressShowHideOption">
                                    <div class="js-switch-checkbox m-t-5">
                                        <small class="js-switch-title-right"
                                               style="margin-right: 5px;">Desativado</small>
                                        <input id="interruptAccess"
                                               name="interruptAccess"
                                               {{--                                           @if($record->negProdtServOrganizeCategoryStatus==1) checked="checked" @endif--}}
                                               type="checkbox"
                                               class="js-switch"
                                               data-color="#3d3b3b"/>
                                        <small class="js-switch-title-left" style="margin-left: 5px;">Ativo</small>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row m-l-10">
                        <div class="col-sm-6">
                            <h5 >Intenrroper:: data do inicio<span class="text-danger">*</span></h5>
                            <div class="form-group m-l-10">
                                <div class="form-control-feedback"><small>Data e hora que irá interroper o usuario.</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="controls">
                                <input type="datetime-local" name="interruptAccessDateStart" id="interruptAccessDateStart" class="form-control" required="required"
                                       data-validation-required-message="This field is required" value="">
                                <div class="help-block"></div>
                            </div>


                        </div>

                    </div>

                </div>

                <div class="form-group m-t-15">
                    <h5>Comunicado</h5>
                    <div class="controls">
                        <textarea class="textarea_editor form-control" maxlength="10000" name="description" rows="12"
                                  placeholder="Enter texto ..."></textarea>
                        <div class="textarea_count"></div>
                    </div>

                    <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('origin')}}" 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>
                </div>
            </form>

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