@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')
    <style>
        tbody {
            cursor: pointer;
        }
    </style>
@endsection

@php
    $title = 'Cliente Master'
@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><br> <br>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2">
                        <label><b>Id:</b></label>
                        {{ $dataMaster->id_pessoa }}
                    </div>
                    <div class="col-sm-6">
                        <label><b>Cliente:</b></label>
                        {{ $dataMaster->nome_pessoa }}
                    </div>
                    <div class="col-sm-4">
                        <label><b>Telefone:</b></label>
                        {{ $dataMaster->tele1_pessoa }}
                    </div>
                </div>
                <div class="row" style="margin-top: 10px">
                    <div class="col-sm-4">
                        <label><b>CPF/CNPJ:</b></label>
                        {{ $dataMaster->cpfcnpj_pessoa }}
                    </div>
                    <div class="col-sm-4">
                        <label><b>Total de cliente(s):</b></label>
                        {{ $dataShow->count() }}
                    </div>
                    <div class="col-sm-4">
                        <label><b>Valor total:</label>
                        R$ {{ Funcoes::mysqlToMoeda($dataSum) }}
                    </div>
                </div>
            </div>

            <div class="card" id="cardPContato">
                <div class="body">
                    <div class="row">
                        <div class="col-lg-12">
                            <h2 class="uppercase">Lista de cliente da grade</h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover sortable" id="listarDataTable">
                                <thead>
                                    <tr>
                                        <th>Id.:</th>
                                        <th>Id Pessoa:</th>
                                        <th>Pessoa:</th>
                                        <th>CPF/CNPJ:</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($dataShow as $item)
                                        <tr id="tr{{ $item->id_provedor_clientes }}">
                                            <td>{{ $item->id_provedor_clientes }} </td>
                                            <td>{{ $item->id_pessoa }}</td>
                                            <td>{{ $item->nome_pessoa }}</td>
                                            <td>{{ $item->cpfcnpj_pessoa }}</td>
                                        </tr>
                                    @empty
                                        <td>Sem sub-clientes cadastrado</td>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card">
                        <div class="body">
                            <div class="row">
                                <div class="col-lg-6" id="msgReturn">

                                </div>
                                <div class="col-lg-2">

                                </div>
                                <div class="col-lg-2">

                                </div>
                                <div class="col-lg-2">
                                    <button type="button" id="btVoltar" class="btn btn-raised btn-primary bg-default btn-lg">Voltar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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>
    $('#listarDataTable').on('click', 'tbody tr td', function() {
        $(location).attr('href', "{{  route('clienteprovedor.show') }}/" + $(this).closest('tr').children()[0].textContent + "/" + $(this).closest('tr').children()[1].textContent);
    });
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{ route('clientesmaster.index') }}");
    });
</script>
@endsection