@extends('adminlte::page')

@section('title', 'Editar venda')

@section('content_header')
    <div class="row">
        <div class="col-12">
            <h1>Venda de mercadorias</h1>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row mb-0">
                        <div class="col-md-8 col-8">
                            <h4>{{ __('Dados da venda') }}</h4>
                        </div>
                        <div class="col-md-4 col-4 text-lg-end" style="text-align: right;">
                            <a href="{{$venda->id}}/edit">
                                <button type="button" class="btn btn-primary ">
                                    {{ __('Alterar') }}
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <label for="codigo" class="col-form-label text-md-end">{{ __('Código') }}</label>
                            <input id="codigo" type="text" class="form-control"  name="cliente" value="{{$venda->codigo}}" disabled>
                        </div>
                        <div class="col-md-2">
                            <label for="date" class="col-form-label text-md-end">{{ __('Data de venda') }}</label>
                            <input id="date" type="date" class="form-control"  name="date" value="{{$venda->data_venda}}" disabled>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <label for="codigo_cliente" class="col-form-label text-md-end">{{ __('Código') }}</label>
                            <div class="d-flex">
                                <input id="codigo_cliente" type="text" class="form-control @error('codigo_cliente') is-invalid @enderror ms-2" name="codigo_cliente" value="{{ $venda->empresa_codigo }}" required autocomplete="codigo_cliente" autofocus>
                                <button class="btn btn-primary mb-1" id="btnConsulta_cliente" type="button" style="border-radius: 0rem;">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="cliente" class="col-form-label text-md-end">{{ __('Cliente') }}</label>
                            <select id="cliente" type="text" class="custom-select @error('cliente') is-invalid @enderror select2" name="cliente" value="{{ old('cliente') }}" autocomplete="cliente" autofocus>
                                <option value="{{ $cliente->razao_social_nome }}" selected>{{ $cliente->razao_social_nome }}</option>  
                            </select> 
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <label for="codigo_vendedor" class="col-form-label text-md-end">{{ __('Código') }}</label>
                            <div class="d-flex">
                                <input id="codigo_vendedor" type="text" class="form-control @error('codigo_vendedor') is-invalid @enderror ms-2" name="codigo_vendedor" value="{{ old('codigo_vendedor')}}" autocomplete="codigo_vendedor" autofocus>
                                    <button class="btn btn-primary" id="btnConsulta_vendedor" type="button" style="border-radius: 0rem;">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <label for="vendedor" class="col-form-label text-md-end">{{ __('Vendedor') }}</label>
                            <select id="vendedor" type="text" class="custom-select @error('vendedor') is-invalid @enderror select" name="vendedor" value="{{ old('vendedor') }}" autocomplete="vendedor" autofocus>   
                            </select>
                        </div>
                    </div>
                    <div class="card" id="PagamentoCard">
                        <div style="border-top: 1px solid rgba(0, 0, 0, 0.125); --darkreader-inline-border-top: rgba(140, 130, 115, 0.13);" class="card-header" data-darkreader-inline-border-top="">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#PagamentoCollapse" aria-expanded="true" aria-controls="PagamentoCollapse">
                                    Forma de Pagamento
                                </button>
                            </h5>
                        </div>

                        <div id="PagamentoCollapse" class="collapse">
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="codigo">Método de Pagamento:</label>
                                    <input type="text" class="form-control" >
                                </div>

                                <div class="form-group">
                                    <label for="nome">Vlr do recebimento:</label>
                                    <input type="text" class="form-control" >
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card" id="mercadoriaCard">
                        <div style="border-top: 1px solid rgba(0, 0, 0, 0.125); --darkreader-inline-border-top: rgba(140, 130, 115, 0.13);" class="card-header" data-darkreader-inline-border-top="">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#mercadoriaCollapse" aria-expanded="true" aria-controls="mercadoriaCollapse">
                                    Selecionar Mercadoria
                                </button>
                            </h5>
                        </div>

                        <div id="mercadoriaCollapse" class="collapse">
                            <div class="card-body">
                                <div class="col-12 col-md-12 col-lg-12 mt-2">
                                    <div class="card shadow mb-4">
                                        <div class="input-group  input-group-sm pl-3 pr-3">
                                            <div class="input-group-prepend">
                                            </div>
                                            <div class="col-md-4  mt-2">
                                                <label for="codigo_produto" class="col-form-label text-md-end">{{ __('Referência') }}</label>
                                            </div>
                                            <div class="col-12 d-flex">
                                                <input id="codigo_produto" type="number" class="form-control @error('codigo_produto') is-invalid @enderror" name="codigo_produto" value="{{ old('codigo_produto')}}" autocomplete="nome" autofocus>
                                                <button class="btn btn-primary" id="btnConsulta_produto" type="button" style="border-radius: 0rem;">
                                                    <i class="fa fa-search" aria-hidden="true"></i>
                                                </button>
                                            </div>
                                        </div>
             
                                        <div class="input-group mt-2 input-group-sm pl-3 pr-3">
                                            <div class="input-group-prepend" title="Nome do produto">
                                            </div>
                                            <div class="col-md-4  mt-2">
                                                <label for="produto" class="col-form-label text-md-end">{{ __('Descrição') }}</label>
                                            </div>
                                            <div class="col-12 d-flex">
                                                <select id="produto" type="text" class="custom-select @error('produto') is-invalid @enderror select" name="produto" value="{{ old('produto') }}" autocomplete="produto" autofocus>   
                                                </select>
                                            </div>
                                        </div>
                                        <div class="input-group mt-2 input-group-sm pl-3 pr-3">
                                            <div class="input-group-prepend">
                                            </div>
                                            <div class="col-md-4  mt-2">
                                                <label for="qtde" class="col-form-label text-md-end">{{ __('QTDE.') }}</label>
                                                <input id="qtde" type="text" class="form-control @error('qtde') is-invalid @enderror" name="qtde" value="{{ old('qtde')}}" autocomplete="qtde" oninput="formatarqtde(this)" autofocus> 
                                            </div>
                                            <div class="input-group-prepend">
                                            </div>
                                            <div class="col-md-4  mt-2">
                                                <label for="vlr_unitario" class="col-form-label text-md-end">{{ __('Valor Unitário') }}</label>
                                                <input id="vlr_unitario" type="text" class="form-control @error('vlr_unitario') is-invalid @enderror" name="vlr_unitario" value="{{ old('vlr_unitario')}}" autocomplete="vlr_unitario" oninput="formatarValor(this)" autofocus>
                                                <input id="vlr_original" type="hidden" class="form-control @error('vlr_original') is-invalid @enderror" name="vlr_original" value="{{ old('vlr_original')}}" autocomplete="vlr_original" oninput="formatarValor(this)">
                                            </div>
                                            <div class="input-group-prepend">
                                            </div>
                                            <div class="col-md-4 mt-2">
                                                <label for="vlr_total" class="col-form-label text-md-end">{{ __('Valor Total') }}</label>
                                                <input id="vlr_total" type="text" class="form-control @error('vlr_total') is-invalid @enderror" name="vlr_total" disabled value="{{ old('vlr_total')}}" autocomplete="vlr_total" oninput="formatarValor(this)" autofocus>
                                            </div>
                                        </div>
                                        <hr class="sidebar-divider mb-3">

                                        <div class="col-12 text-center mt-1 mb-1">
                                            <button type="button" id="btnAdicionar_produto" class="btn btn-primary" disabled style="cursor: not-allowed;">Adicionar produto</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-0">
                        <div class="col-md-12 col-12 ">
                            <h6>
                                Lista de Mercadorias
                            </h6>
                        </div>
                    </div>
                      
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <table class="table table-striped table-bordered">
                                <thead>
                                        <tr>
                                            <th scope="col">Referência</th>
                                            <th scope="col">Descrição</th>
                                            <th scope="col">Qtde.</th>
                                            <th scope="col">Vlr. Unitario</th>
                                            <th scope="col">Acre.(&)</th>
                                            <th scope="col">Desc.(%)</th>
                                            <th scope="col">Vlr. total</th>
                                            <th scope="col">Ação</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($produtos as $produto)
                                        <tr>
                                            <th scope="row">{{$produto->referencia_produto}}</th>
                                            <td>{{$produto->descricao}}</td>
                                            <td>{{$produto->qtde}}</td>
                                            <td>{{number_format($produto->vlrunitario, 2, ',', '.')}}</td>
                                            <td>{{number_format($produto->porcentual_acrescimo, 2, ',', '.')}}</td>
                                            <td>{{number_format($produto->porcentual_desconto, 2, ',', '.')}}</td>
                                            <td>{{number_format($produto->vlrTotal, 2, ',', '.')}}</td>
                                            <td>
                                                <button type="button" class="btn btn-danger btn-sm delete-button" data-toggle="modal" data-target="#ModalDelete">
                                                    <i class="fa fa-trash"></i>
                                                    <span>
                                                        Excluir
                                                    </span>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                                @php
                                    function contarLinhasProdutos($produtos) {
                                        $contador_mercadorias = 0;

                                        foreach ($produtos as $produto) {
                                        $contador_mercadorias++;
                                        }

                                        return $contador_mercadorias;
                                    }

                                    $total_mercadorias = contarLinhasProdutos($produtos);

                                    function calcularValorTotalVlrUnitario($produtos) {
                                        $totalVlrUnitario = 0;

                                        foreach ($produtos as $produto) {
                                            if (is_numeric($produto->vlrunitario)) {
                                                $totalVlrUnitario += $produto->vlrunitario;
                                            }
                                        }

                                        return $totalVlrUnitario;
                                    }

                                    $valorTotalVlrUnitario = calcularValorTotalVlrUnitario($produtos);
                                @endphp
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-md-2">
                                <label for="vlrbruto" class="col-form-label text-md-end">{{ __('Total Bruto') }} ({{$total_mercadorias}} Itens)</label>
                                <input id="vlrbruto" type="text" class="form-control"  name="vlrbruto" value="{{number_format($valorTotalVlrUnitario, 2, ',', '.')}}" disabled>
                            </div>
                            <div class="col-md-2">
                                <label for="date" class="col-form-label text-md-end">{{ __('Valor Acréscimo') }}</label>
                                <input id="date" type="text" class="form-control"  name="date" value="{{number_format($venda->vlracrescimo,2, ',', '.')}}" disabled>
                            </div>
                            <div class="col-md-2">
                                <label for="date" class="col-form-label text-md-end">{{ __('Valor Desconto') }}</label>
                                <input id="date" type="text" class="form-control"  name="date" value="{{number_format($venda->vlrdesconto,2, ',', '.')}}" disabled>
                            </div>
                            <div class="col-md-2">
                                <label for="date" class="col-form-label text-md-end">{{ __('Valor Líquido') }}</label>
                                <input id="date" type="text" class="form-control"  name="date" value="{{number_format($venda->vlrtotal, 2, ',', '.')}}" disabled>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        .select2-container {
            width: 100% !important;
        }

        .select2-selection--single {
            border: 1px solid #ced4da;
            border-radius: 4px;
            padding: 10px;
            height: 40px !important;
            box-sizing: border-box; 
        }

        .select2-selection__arrow {
            height: 38px; 
        }

        .select2-selection__rendered {
            color: #495057; 
            line-height: 40px; 
        }

        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 14px;
            color: #6c757d;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .select2-container--default.select2-container--focus .select2-selection--single {
            border-color: #80bdff; 
        }

        


    </style>

@stop


@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script>

        // Mostraras informações para selecionar a mercadoriad
         $('#mercadoriaCard').on('shown.bs.collapse', function () { 
        });

        $('#mercadoriaCard').on('hidden.bs.collapse', function () {
        });

        //ocultar informações para selecionar a mercadoria
        $('#PagamentoCard').on('shown.bs.collapse', function () {
        });

        $('#PagamentoCard').on('hidden.bs.collapse', function () {
        });

        //Busca de cliente pela razão social
        $(document).ready(function() {
            $('#cliente').select2({
                theme: 'default',
                language: "pt-BR",
                width: '100%',
                ajax: {
                    url: '/buscar-client',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                },
                minimumInputLength: 1,
                placeholder: 'Digite a razão social ou fantasia para buscar'
            });

            $('#cliente').on('select2:select', function (e) {
                var codigo_Cliente = e.params.data.id;
                $('#codigo_cliente').val(codigo_Cliente);
            });
            
            
        });

        //Consulta pelo código do cliente

        $(document).ready(function () {
            $('#btnConsulta_cliente').on('click', function () {
                var codigoCliente = $('#codigo_cliente').val();

                $.ajax({
                    url: '/buscar-codclient?q=' + codigoCliente,
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $('#cliente').empty();

                        if (data.results.length > 0) {
                            $.each(data.results, function (index, cliente) {
                                var razaosocial = cliente.razaosocial || 'Nome não disponível';
                                $('#cliente').append(`<option value="${cliente.id}">${razaosocial}</option>`);
                            });
                            
                        } 
                        else {
                            $('#cliente').append('<option value="">Nenhum cliente encontrado</option>');
                            Swal.fire('Cliente não cadastrado ou deletado.');
                        }
                    },
                    error: function () {
                        Swal.fire('Erro ao buscar cliente. Por favor, tente novamente.');
                    }
                });
            });
        });

        $(document).ready(function () {
            $('#codigo_cliente').on('change', function () {
                var codigoCliente = $('#codigo_cliente').val();

                $.ajax({
            url: '/buscar-codclient?q=' + codigoCliente,
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                $('#cliente').empty();

                if (data.results.length > 0) {
                    $.each(data.results, function (index, cliente) {
                        var razaosocial = cliente.razaosocial || 'Nome não disponível';
                        $('#cliente').append(`<option value="${cliente.id}">${razaosocial}</option>`);
                    });
                            
                } 
                else {
                    $('#cliente').append('<option value="">Nenhum cliente encontrado</option>');
                    Swal.fire('Cliente não cadastrado ou deletado.');
                }
            },
            error: function () {
                Swal.fire('Erro ao buscar cliente. Por favor, tente novamente.');
            }
        });
    });
});

//vendedor

//Consulta pelo nome do vendedor

$(document).ready(function() {
    $('#vendedor').select2({
        theme: 'default',
        language: "pt-BR",
        width: '100%',
        ajax: {
            url: '/buscar-Nameseller',
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    q: params.term
                };
            },
            processResults: function (data) {
                return {
                    results: data.results
                };
            },
            cache: true
        },
        minimumInputLength: 1,
        placeholder: 'Digite o nome do vendedor'
    });

    $('#vendedor').on('select2:select', function (e) {
        var codigo_vendedor = e.params.data.id;
        $('#codigo_vendedor').val(codigo_vendedor);
    });
});

//Consulta pelo código do vendedor

$(document).ready(function () {
    $('#btnConsulta_vendedor').on('click', function () {
        var codigoVendedor = $('#codigo_vendedor').val();

        $.ajax({
            url: '/buscar-codseller?q=' + codigoVendedor,
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                $('#vendedor').empty();

                if (data.results.length > 0) {
                    $.each(data.results, function (index, vendedor) {
                        var nome = vendedor.nome || 'Nome não disponível';
                        $('#vendedor').append(`<option value="${vendedor.id}">${nome}</option>`);
                    });
                } 
                else {
                    $('#vendedor').append('<option value="">Nenhum Vendedor encontrado</option>');
                    Swal.fire('Vendedor não cadastrado ou deletado.');
                }
            },
            error: function () {
                Swal.fire('Erro ao buscar Vendedor. Por favor, tente novamente.');
            }
        });
    });
});


$(document).ready(function () {
    $('#codigo_vendedor').on('change', function () {
        var codigoVendedor = $('#codigo_vendedor').val();

        $.ajax({
            url: '/buscar-codseller?q=' + codigoVendedor,
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                $('#vendedor').empty();

                if (data.results.length > 0) {
                    $.each(data.results, function (index, vendedor) {
                        var nome = vendedor.nome || 'Nome não disponível';
                        $('#vendedor').append(`<option value="${vendedor.id}">${nome}</option>`);
                    });
                } 
                else {
                    $('#vendedor').append('<option value="">Nenhum Vendedor encontrado</option>');
                    Swal.fire('Vendedor não cadastrado ou deletado.');
                }
            },
            error: function () {
                Swal.fire('Erro ao buscar Vendedor. Por favor, tente novamente.');
            }
        });
    });
});



</script>
@stop