@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 = 'Cadastro de Cliente'    
@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>
                    </div>
                    <div class="col-sm-12">
                        <button id="btNovo" style="width: 150px;" class="btn btn-primary btn-icon float-left"
                            type="button"  data-urlnew="{{ route('clienterast.show', '0') }}"><i>Novo Cliente</i></button>
                        <button id="btNovoPessoa" style="width: 150px;" class="btn btn-primary btn-icon"
                            type="button"><i>Novo Pessoa</i></button>     
                    </div>
                    
                </div>
            </div>
            <form action="{{ route('clienterast.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_rast_cli" id="id_rast_cli" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->id_rast_cli }}"><br>
                            </div>
                            <div class="col-lg-5">
                                <label>Pessoa:</label><br>
                                <select name="idpessoa_rast_cli" id="idpessoa_rast_cli"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione uma pessoa</option>
                                    @forelse ($dataPessoa as $item)
                                        @if ($item->id_pessoa === $dataShow->idpessoa_rast_cli)
                                            <option value="{{ $item->id_pessoa }}" selected>{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @else
                                            <option value="{{ $item->id_pessoa }}">{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>   
                                        @endif  
                                    @empty
                                        <option value="0" selected>Sem pessoa</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>        
                            <div class="col-lg-5">
                                <label>Cliente Acima:</label><br>
                                <select name="idpessoasub_rast_cli" id="idpessoasub_rast_cli"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione uma pessoa</option>
                                    @forelse ($dataPessoaSub as $item)
                                        @if ($item->id_pessoa === $dataShow->idpessoasub_rast_cli)
                                            <option value="{{ $item->id_pessoa }}" selected>{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>
                                        @else
                                            <option value="{{ $item->id_pessoa }}">{{ $item->id_pessoa }} / {{ $item->nome_pessoa }}</option>   
                                        @endif  
                                    @empty
                                        <option value="0" selected>Sem pessoa</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>    
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>Status:</label><br>
                                <input type="date" style="width: 100%;" name="cadastro_rast_cli" id="cadastro_rast_cli"
                                    class="form-control bg-light" required value="{{ $dataShow->cadastro_rast_cli }}"><br>
                                <br><br>
                            </div>
                            <div class="col-lg-6">
                                <label>Status:</label><br>
                                <select name="idstatus_rast_cli" id="idstatus_rast_cli" 
                                    class="col-lg-12 form-control" required>
                                    <option value="0" selected>Selecione um status</option>
                                    @forelse ($dataStatus as $itemStatus)
                                        @if ($itemStatus->id_status === $dataShow->idstatus_rast_cli)
                                        <option value="{{ $itemStatus->id_status }}" selected>{{ $itemStatus->nome_status }}</option>
                                        @else
                                        <option value="{{ $itemStatus->id_status }}">{{ $itemStatus->nome_status }}</option>      
                                        @endif  
                                    @empty
                                        <option value="0" selected>Sem Status</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-6" id="msgReturn">
                                
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btVoltar" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-default btn-lg">Voltar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btexcluir" data-urlaction="{{ route('clienterast.delete') }}" data-idcampo="{{ $dataShow->id_rast_cli }}"
                                    data-return="{{ route('clienterast.index') }}" class="btn btn-raised btn-primary bg-danger btn-lg">Excluir</button>
                            </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>

                <div class="row clearfix">
                    <div class="col-lg-4">
                        <div class="card pricing pricing-item">
                            <div class="pricing-deco l-slategray">
                                <svg class="pricing-deco-img" enable-background="new 0 0 300 100" height="100px" id="Layer_1" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
                                    <path class="deco-layer deco-layer--1" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
        c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--2" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
        c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--3" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
        H42.401L43.415,98.342z" fill="#FFFFFF" opacity="0.7"></path>
                                    <path class="deco-layer deco-layer--4" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
        c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#FFFFFF"></path>
                                </svg>
                                    <div class="pricing-price"><span class="pricing-currency"></span>{{ $dataProduto }}<span class="pricing-period">/ Totais</span>
                                </div>
                                <h3 class="pricing-title">PRODUTO(S)</h3>
                            </div>
                            <div class="body">
                                <ul class="feature-list list-unstyled">
                                    <li></li>
                                    <li><button id="linkProdutos" type="button" class="btn btn-default">Lista de Produto(s)</button></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card pricing pricing-item">
                            <div class="pricing-deco l-blue">
                                <svg class="pricing-deco-img" enable-background="new 0 0 300 100" height="100px" id="Layer_1" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
                                    <path class="deco-layer deco-layer--1" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
        c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--2" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
        c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--3" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
        H42.401L43.415,98.342z" fill="#FFFFFF" opacity="0.7"></path>
                                    <path class="deco-layer deco-layer--4" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
        c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#FFFFFF"></path>
                                </svg>
                                <div class="pricing-price"><span class="pricing-currency"></span>{{ $dataFatura }} <span class="pricing-period">/ Totais</span>
                                </div>
                                <h3 class="pricing-title">FATURAS</h3>
                            </div>
                            <div class="body">
                                <ul class="feature-list list-unstyled">
                                    <li></li>
                                    <li><button id="linkFaturas" type="button"  class="btn btn-primary">Lista de Faturas</button></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card pricing pricing-item">
                            <div class="pricing-deco l-slategray">
                                <svg class="pricing-deco-img" enable-background="new 0 0 300 100" height="100px" id="Layer_1" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
                                    <path class="deco-layer deco-layer--1" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
        c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--2" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
        c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--3" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
        H42.401L43.415,98.342z" fill="#FFFFFF" opacity="0.7"></path>
                                    <path class="deco-layer deco-layer--4" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
        c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#FFFFFF"></path>
                                </svg>
                                <div class="pricing-price"><span class="pricing-currency"></span>0 <span class="pricing-period">/ Totais</span>
                                </div>
                                <h3 class="pricing-title">TICKETs</h3>
                            </div>
                            <div class="body">
                                <ul class="feature-list list-unstyled">
                                    <li></li>
                                    <li><button id="linkTickets" type="button"  class="btn btn-default">Lista de Ticket(s)</button></li>
                                </ul>
                            </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/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{  route('clienterast.index') }}");
    });
    $('#btNovoPessoa').click(function() {
        $(location).attr('href', "{{ route('pessoa.show', ['clienterast.show', '0']) }}");
    });
    $('#linkProdutos').click(function() {
        $(location).attr('href', "{{ route('produtorast.index') }}/" + $('#id_rast_cli').val());
    });
    $('#linkFaturas').click(function() {
        $(location).attr('href', "{{ route('fatura.index') }}/" + $('#id_rast_cli').val());
    });
</script>
@endsection