@php
use App\Http\Controllers\Mod\ModConf;
    use App\Http\Controllers\Mod\ModClientProviderContact;
    use App\Models\Profile;
    $record_contact = ModClientProviderContact::information([
       'idClientProvider'=>$record_salerorder->idClientProvider,
       'optionList'=> 'g',
       'optionListQtt'=>30,

    ]);
    $id_contact_select=null;
    $perm =2;

    $number = count($record_class);


    $conf_sndesk = ModConf::statusSndesk();


@endphp
<div class="modal-header">
    <h4 class="modal-title"><i class="fa fa-plus"></i> Adicionar: Agendamento da Ordem de Serviço </h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-res">
    <form id="acaoFormOrderService" method="post">
        <div class="modal-body">
            <!-- Edit conteudo  -->

            <h3 class="text-themecolor m-b-20 m-t-15"><i class="fa fa-chevron-right chevron-pedido"></i> Agendamento
            </h3>

            <div class="form-row p-t-10">

                <div class="col-md-6">
                    <div class="form-group ">
                        <label class="control-label text-right text-themecolor ">Classificação O.S. </label>
                        <select class="form-control @if($number > 1) required @endif" id="idOrderServiceClass"
                                data-placeholder="Selecionar" name="idOrderServiceClass"
                                @if($number > 1) required="required" @endif tabindex="1">
                            @if($number > 1)
                                <option value="">---</option>
                            @endif

                            @foreach($record_class as $row_class)
                                <option value="{{$row_class->idOrderServiceClass}}">{{$row_class->xName}} </option>
                            @endforeach
                        </select>
                    </div>
                </div>


            </div>


            <div class="form-row p-t-10">
                <div class="col-md-6">
                    <div class="form-group ">
                        <label class="control-label text-right text-themecolor ">Origem do setor/local</label>
                        <select class="form-control  required" id="idOrderServiceSender"
                                data-placeholder="Selecionar" name="idOrderServiceSender" required="required"
                                tabindex="1">
                            <option value="">---</option>
                            @foreach($record_sender as $row_sender)
                                <option value="{{$row_sender->idOrderServiceSender}}">{{$row_sender->xName}} </option>
                            @endforeach

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

                <div class="col-md-6">
                    <label class="control-label text-right text-themecolor ">Status</label>
                    <select class="form-control " name="idSalesOrderOrderServiceStatus"
                            id="idSalesOrderOrderServiceStatus" required>
                        <option value="1">Pendente</option>
                        { {-- ACCESS - Elem-ID: 65 | Elem: Permissão da O.S. - Status | Caminho: ger\vendas\pedido\status --} }
                        @if(Profile::permElem('65')==1)
                        <option value="2">Agendado</option>
                        <option value="3">Concluído</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="form-row">
                <div class="col-sm-6"></div>
                <div class="col-sm-6" >

                    <div id="formdateRecipient"></div>
                    <label id="labelSndeskTechnician" ></label>
                    <div id="destinationSndesk">
                    </div>

                </div>
            </div>

            <div id="msgCkeckedOrderService">
            </div>
            <hr>
            <!-- CONTATO -->
            <h3 class="text-themecolor m-b-20 m-t-15"><i class="fa fa-chevron-right chevron-pedido"></i> Contato de
                Ordem de Serviço</h3>
            <div class="form-row p-t-10">
                <div class="col-md-12">
                    <div class="input-group">
                        <div class="form-group">
                            <input type="text" id="contactName" name="modelOrderServiceContactName"
                                   style="border-top-right-radius: 0px;  border-bottom-right-radius: 0px;"
                                   class="form-control " placeholder="Nome" value=""
                                   data-validation-required-message="Campo obrigatorio">
                        </div>
                        <div class="input-group-prepend">
                            <div id="destinationClientContactName"
                                 style="
                                    width: 0px;
                                    margin-left: 0px;
                                    margin-right: 0px;
                                    padding: 0px;
                                    border: 1px solid #dbdbdb;
                                    height: 51px;
                                    position: relative;
                                    top: -4px;
                                    border-radius: 10px;
                                    opacity: 0;
                                    ">

                                <div style="width:calc(100% - 55px); display: inline-block; ">

                                    <select class="form-control " id="clientContactName"
                                            style="border: 2px dotted;"
                                            name="clientContactName"
                                            onchange="clientContactNameSelect()"

                                            @if($perm==1)
                                                disabled
                                            @endif

                                            tabindex="1">
                                        <option value=""
                                                data-id=""
                                                data-idcontact=""
                                                data-email=""
                                                data-cel=""> ---
                                        </option>
                                        @foreach($record_contact as $row_contact)
                                            <option value="{{$row_contact->xName}}"
                                                    @if($row_contact->idContact == $id_contact_select)
                                                        selected="selected"
                                                    @endif
                                                    data-id="{{Crypt::encrypt($row_contact->idClientProvider)}}"
                                                    data-idcontact="{{Crypt::encrypt($row_contact->idContact)}}"
                                                    data-email="{{$row_contact->email}}"
                                                    data-cel="{{$row_contact->cel}}">

                                                {{$row_contact->xName}}</option>
                                        @endforeach

                                    </select>

                                </div>
                                <div style=" width:49px; display: inline-block">


                                    <button type="button"
                                            style="height: 42px;  border-radius: 10px;"
                                            class="right-side-open btn waves-effect waves-light btn-outline-themecolor btn-negociacao "
                                            title="Lista de Contatos" data-target="sidebar-right"
                                            onclick="loadsDataForm('#sidebarRight  .content','{{url('clientprovider/contact/slidebar')}}/{{Crypt::encrypt($record_salerorder->idClientProvider)}}','#actionIndexNot',['#_token'])">
                                        <i class="mdi mdi-account-multiple"></i>
                                    </button>
                                </div>
                            </div>


                            <button type="button" class="btn btn-secondary waves-effect waves-light "
                                    style="
                                    height: 42px;
                                    border-top-right-radius: 10px;
                                    border-bottom-right-radius: 10px;
                                    "
                                    data-target="sidebar-right" id="clientContactOpen"
                                    title="MOSTA LISTA DE CONTATOS">
                                <i class="mdi mdi-account-location font-18 "></i>
                            </button>


                            <button type="button" class="btn btn-secondary waves-effect waves-light "
                                    style="
                                    height: 42px;
                                    border-top-right-radius: 10px;
                                    border-bottom-right-radius: 10px;
                                    display: none;
                                    "
                                    data-target="sidebar-right" id="clientContactClouse"
                                    title="RECOLHE A LISTA DE CONTATOS">
                                <i class="fa fa-chevron-left font-18 "></i>

                            </button>


                        </div>
                    </div>

                </div>
            </div>

            <div class="form-row p-t-10">
                <div class="col-md-6">
                    <div class="form-group">
                        <input type="text" id="clientCel" name="modelOrderServiceContactCel"
                               class="form-control mask-cel" placeholder="Celular" value=""
                               data-validation-required-message="Campo obrigatorio">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group ">
                        <input type="email" id="clientEmail" name="modelOrderServiceContactEmail"
                               class="form-control form-control" placeholder="E-mail" value=""
                               data-validation-required-message="Campo obrigatorio">
                    </div>
                </div>
            </div>

            <input type="hidden" name="idSalesOrder" value="{{$id}}">
            <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">

            <!-- /Edit conteudo -->
            <div class="modal-footer">
                <div class="btn-group btn-group " role="group" aria-label="Basic example">
                    <button type="button" id="orderServiceSaveSndesk" class="btn waves-effect waves-light btn-info " style="display: none"
                    value="1">

                        &nbsp;&nbsp;&nbsp;
                        <x-icon-sndesk style="margin-top: -4px; fill: #fff;"

                                       font="20px"
                                       st0="stroke-width:15px; stroke:;"/>&nbsp;Enviar SnDesk&nbsp;&nbsp;&nbsp;&nbsp;
                    </button>
                    <button type="button" id="orderServiceSave" class="btn waves-effect waves-light btn-primary">
                        &nbsp;&nbsp;&nbsp;<i class="ti-save"></i>&nbsp;salvar&nbsp;&nbsp;&nbsp;&nbsp;
                    </button>

{{--                    <button type="button"  class="btn waves-effect waves-light btn-success">--}}
{{--                        &nbsp;&nbsp;&nbsp;<i class="ti-save"></i>&nbsp;enviar SNDesk&nbsp;&nbsp;&nbsp;&nbsp;--}}
{{--                    </button>--}}

                    <button type="button" class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                            aria-hidden="true" data-dismiss="modal">cancelar
                    </button>

                </div>
            </div>

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


@include('mod-salesorder.views-orderservice.script')

@include('mod-clientprovider.common-script')
<style>
    #clientContactName {
        margin-top: 3px;
    }

</style>