@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/morrisjs/morris.css') }}" />
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/nouislider/nouislider.min.css') }}" />
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/select2.css') }}" />
@endsection

@section('csss')

@endsection

@php
    $title = 'Configurações';
@endphp

@section('title')
    {{ $title }}
@endsection

@section('conteudo')
    <section class="content">
        <div class="body_scroll">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">{{ $title }}</h2>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                    <div class="col-sm-12">
                       
                    </div>
                </div>
            </div>
            <form action="{{ route('configuracaoprovedor.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Id.:</label><br>
                                <input type="text" style="width: 100%;" name="id_provedor_configuracao"
                                    id="id_provedor_configuracao" readonly class="form-control bg-light" required
                                    value="{{ $dataShow->id_provedor_configuracao }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Latitude Centralizado:</label><br>
                                <input type="text" style="width: 100%;" name="lat_provedor_configuracao"
                                    id="lat_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->lat_provedor_configuracao }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Longitude Centralizado:</label><br>
                                <input type="text" style="width: 100%;" name="lng_provedor_configuracao"
                                    id="lng_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->lng_provedor_configuracao }}">
                                <br>
                            </div>
                            <div class="col-lg-2">
                                <label>Zoom do mapa:</label><br>
                                <input type="number" style="width: 100%;" name="zoommap_provedor_configuracao"
                                    id="zoommap_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->zoommap_provedor_configuracao }}">
                                <br>
                            </div>
                            <div class="col-lg-2">
                                <label>Tempo de atualização:</label><br>
                                <input type="number" style="width: 100%;" name="upmap_provedor_configuracao"
                                    id="upmap_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->upmap_provedor_configuracao }}">
                                <div class="help-info">Em milesimo de segundos</div>
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Dias do aviso:</label><br>
                                <input type="number" style="width: 100%;" name="diasaviso_provedor_configuracao"
                                    id="diasaviso_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->diasaviso_provedor_configuracao }}">
                                    <br>
                            </div>
                            <div class="col-lg-2">
                                <label>Dias do corte:</label><br>
                                <input type="number" style="width: 100%;" name="diascorte_provedor_configuracao"
                                    id="diascorte_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->diascorte_provedor_configuracao }}">
                                    <br>
                            </div>
                            <div class="col-lg-2">
                                <label>Agendamento:</label><br>
                                <input type="number" style="width: 100%;" name="agendamento_provedor_configuracao"
                                    id="agendamento_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->agendamento_provedor_configuracao }}">
                                    <br>
                            </div>                               
                            <div class="col-lg-3">
                                <label>Plano do corte:</label><br>

                                <select name="planocorte_provedor_configuracao" id="planocorte_provedor_configuracao"
                                    class="col-lg-12 form-control" required>
                                    <option value="0" selected>Selecione um plano</option>
                                    @forelse ($dataPlanos as $item)
                                        @if ($item->id_provedor_planos === $dataShow->planocorte_provedor_configuracao)
                                            <option value="{{ $item->id_provedor_planos }}" selected>{{ $item->desc_provedor_planos }}</option>
                                        @else
                                            <option value="{{ $item->id_provedor_planos }}">{{ $item->desc_provedor_planos }}</option>   
                                        @endif  
                                    @empty
                                        <option value="" selected>SEM PLANOS</option>
                                    @endforelse
                                </select><br><br>

                            </div>  
                            <div class="col-lg-3">
                                <label>WhatsApp remetente:</label><br>
                                <input type="txt" style="width: 100%;" name="whatsapp_provedor_configuracao"
                                    id="whatsapp_provedor_configuracao" class="form-control bg-light" required
                                    value="{{ $dataShow->whatsapp_provedor_configuracao }}">
                                <div class="help-info">Ex.: 553176543210</div>
                                    <br>
                            </div>                         
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="checkbox">
                                    @if($dataShow->corte_provedor_configuracao == '1')
                                        <input id="corte_provedor_configuracao" name="corte_provedor_configuracao" type="checkbox" value="1" checked>
                                    @else
                                        <input id="corte_provedor_configuracao" name="corte_provedor_configuracao" type="checkbox" value="1">
                                    @endif
                                    <label for="corte_provedor_configuracao">
                                        Mesagem de aviso:
                                    </label>
                                </div>
                                <textarea name="msgaviso_provedor_configuracao" id="msgaviso_provedor_configuracao" rows="10" 
                                    class="form-control no-resize bg-light">{{ $dataShow->msgaviso_provedor_configuracao }}</textarea>
                                <br>                                
                                <div class="help-info">
                                    <label>Legendas:</label><br>
                                    <ul class="list-group">
                                        <li class="list-group-item">{cliente} - para nome do cliente</li>
                                        <li class="list-group-item">{codigo} - para código do boleto</li>
                                        <li class="list-group-item">{valor} - para valor do boleto</li>
                                        <li class="list-group-item">{dias} - para quantidade de dias atraso</li>
                                        <li class="list-group-item">{vencimento} - para vencimento do boleto</li>
                                        <li class="list-group-item">{codigobarra} - para código de barra</li>
                                        <li class="list-group-item">{linkpagamento} - para url de pagamento</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="checkbox">
                                    @if($dataShow->corte_provedor_configuracao == '1')
                                        <input id="aviso_provedor_configuracao" name="aviso_provedor_configuracao" type="checkbox" value="1" checked>
                                    @else
                                        <input id="aviso_provedor_configuracao" name="aviso_provedor_configuracao" type="checkbox" value="1">
                                    @endif
                                    <label for="aviso_provedor_configuracao">
                                        Mesagem de corte:
                                    </label>
                                </div>
                                <textarea name="msgcorte_provedor_configuracao" id="msgcorte_provedor_configuracao" rows="10" 
                                    class="form-control no-resize bg-light">{{ $dataShow->msgcorte_provedor_configuracao }}</textarea>
                                <br>
                                <div class="help-info">
                                    <label>Legendas:</label><br>
                                    <ul class="list-group">
                                        <li class="list-group-item">{cliente} - para nome do cliente</li>
                                        <li class="list-group-item">{codigo} - para código do boleto</li>
                                        <li class="list-group-item">{valor} - para valor do boleto</li>
                                        <li class="list-group-item">{dias} - para quantidade de dias atraso</li>
                                        <li class="list-group-item">{vencimento} - para vencimento do boleto</li>
                                        <li class="list-group-item">{codigobarra} - para código de barra</li>
                                        <li class="list-group-item">{linkpagamento} - para url de pagamento</li>
                                    </ul>
                                </div>
                            </div>                  
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-10" id="msgReturn">

                            </div>                            
                            <div class="col-lg-2">
                                <button type="submit" id="btSalvar"
                                    class="btn btn-raised btn-primary btn-lg">Salvar</button>
                            </div>
                        </div>
                    </div>
                </div>           
            </form>
    </section>
@endsection

@section('scriptUrl')
    <script src="{{ asset('assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script><!-- Bootstrap Colorpicker Js -->
    <script src="{{ asset('assets/plugins/jquery-inputmask/jquery.inputmask.bundle.js') }}"></script><!-- Input Mask Plugin Js -->
    <script src="{{ asset('assets/plugins/multi-select/js/jquery.multi-select.js') }}"></script><!-- Multi Select Plugin Js -->
    <script src="{{ asset('assets/plugins/jquery-spinner/js/jquery.spinner.js') }}"></script><!-- Jquery Spinner Plugin Js -->
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script><!-- Bootstrap Tags Input Plugin Js -->
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script><!-- Select2 Js -->
    <script src="{{ asset('assets/js/pages/forms/advanced-form-elements.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-notify/bootstrap-notify.js') }}"></script>
    <script src="{{ asset('assets/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{ route('clienteprovedor.index') }}");
    });
    $('#btNovoPessoa').click(function() {
        $(location).attr('href', "{{ route('pessoa.show', ['clienteprovedor.show', '0']) }}");
    });
    $('#btPessoa').click(function() {
        {{ $idPessoa = $dataShow->idpessoa_provedor_tecnico }}
        $(location).attr('href', "{{ route('pessoa.show', ['local' => 'clienteprovedor.show', 'id' => $idPessoa]) }}");
    });
    $('#btSalvar').click(function() {
        console.log('btSalvar');
    });
    $('#btFaturas').click(function() {
        $(location).attr('href', "{{ route('faturaprovedor.index') }}/" + $('#id_provedor_tecnico').val());
    });
</script>
@endsection