@extends('layouts.app')

@section('title', 'Orçamento de locação')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
    .img-prodcomp{ width: 326px; height: 326px; }
    .bg-caption{ border: 1px solid #C4C4C4; }
    .text-small{ font-size: 9px; }
    #ds_ddd{ width: 20%; }
    #ds_telefone{ width: 80%; }
</style>
<header class="page-header">
    <h2>Orçamento</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><span>Orçamento rápido</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-header">
            <a type="button" href="{{ route('create.orcamento.rapido') }}" class="btn btn-info btn-sm" title="Novo orçamento">
                <i class="fa fa-plus fa-fw"></i>
                Novo orçamento
            </a>
        </div>
        <div class="panel-body row-mt">
            <div id="tableMain" class="table-responsive">
                <table id="dataTableMain" class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Cliente</th>
                            <th>Data Orç.</th>
                            <th>Previsão de entrega</th>
                            <th>Situação</th>
                            <th>Valor</th>
                            <th width="11%" class="text-center">Ações</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
<form id="form-duplicar-orcamento" action="{{ route('orcamento-locacao.duplicar') }}" method="post">@csrf
    <input type="hidden" name="orcloc_id" id="orcloc_id">
    <input type="hidden" name="redirect" id="redirect" value="web">
</form>
<script>
    function duplicarOrcamento(id){
        $("#form-duplicar-orcamento #orcloc_id").val(id);
        $("#form-duplicar-orcamento").submit();
    }

    $(document).ready(function(){
        $(function(){

            var colunas = Array('Código', 'Cliente', 'Data Orç.', 'Previsão de entrega', 'Situação', 'Valor', 'Ações');
            $("#dataTableMain").DataTable({
                language: {
                    "url": "https://raw.githubusercontent.com/DataTables/Plugins/master/i18n/pt_br.json",
                    "decimal": ",",
                    "thousands": "."
                },
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('list-admin.orcamento.dataTable') }}",
                },
                initComplete: function( settings, json ) {
                    $('input.input-sm').attr('placeholder', 'Pesquisar ...');
                },
                pageLength: 10,
                order: [
                    [0, "desc" ]
                ],
                lengthMenu: [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, 'Tudo']
                ],
                dom: 'Bflrtp',
                buttons: [
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [ 0, 1, 2, 3, 4, 5 ]
                        },
                        customize: function (win) {
                            $(win.document.body).css('font-size', '12px');
                            $(win.document.body).find('h1').css('font-size', '20px');
                            $(win.document.body).find('table').css('font-size', '12px');
                        },
                        title: function() {
                            return 'Orçamentos';
                        }
                    },
                    {
                        extend: 'pdfHtml5',
                        exportOptions: {
                            columns: [ 0, 1, 2, 3, 4, 5 ]
                        }
                    },
                ],
                autoWidth: !1,
                createdRow: function( row, data, rowIndex ) {
                    $.each($('td', row), function (colIndex) {
                        $(this).attr('data-title', colunas[colIndex])
                    });
                },
                "columnDefs": [
                    {
                        className: "dt[-head|-body]-center",
                        targets: [ 0 ]
                    }
                ],
                columns: [
                    {
                        data: 'id_orcloc',
                        name: 'id_orcloc',
                    },
                    {
                        data: 'nm_fantasia',
                        name: 'nm_fantasia',
                    },
                    {
                        data: 'dt_orcloc',
                        name: 'dt_orcloc',
                    },
                    {
                        data: 'dt_entrega',
                        name: 'dt_entrega',
                    },
                    {
                        data: 'ds_situacao',
                        name: 'ds_situacao',
                    },
                    {
                        data: 'vr_total',
                        name: 'vr_total',
                    },
                    {
                        data: 'acoes',
                        name: 'acoes',
                        orderable: false,
                        searchable: false,
                    },
                ]
            });
        });
    });
</script>
@endsection