@extends('layouts.admin-Lti')
@section('title', 'Histórico de Atualização')
@section('content')

<section class="content">
    <!-- Breadcrumb melhorado -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">{{ session()->get('infosession')[0]->TIpoSistema }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('produto.index') }}"><i class="fas fa-boxes"></i> Estoque</a></li>
            <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-edit"></i> Atualizar Produto</li>
        </ol>
    </nav>

    <!-- Card principal -->
    <div class="card col-lg-8 col-md-10 mx-auto no-shadow">
        <div class="card-header bg-primary text-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-cube"></i> Atualizar Produto: <strong>{{ $produto->produtos->nome }}</strong>
                <span class="float-right">
                    <i class="fas fa-2x fa-edit"></i>
                </span>
            </h5>
        </div>

        <div class="card-body">
            <!-- Formulário com validação -->
            <form method="POST" action="{{ route('produto.update', $produto->id) }}" id="produtoForm">
                @method('PUT')
                @csrf

                <!-- Mensagens de erro/sucesso -->
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <!-- Seção 1: Informações Básicas -->
                <div class="form-section">
                    <h6 class="section-title"><i class="fas fa-info-circle"></i> Informações Básicas</h6>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="CodigoBarras">Código de Barras *</label>
                            <input type="text" class="form-control" id="CodigoBarras" name="CodigoBarras"
                                   value="{{ old('CodigoBarras', $produto->codigo_barras) }}" >
                        </div>
                        <div class="col-md-6 form-group">
                            <label for="nome_generico">Nome Genérico *</label>
                            <input type="text" class="form-control" id="nome_generico" name="nome_generico"
                                   value="{{ old('nome_generico', $produto->produtos->nome_generico) }}" required>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="nome">Nome Comercial *</label>
                            <input type="text" class="form-control" id="nome" name="nome"
                                   value="{{ old('nome', $produto->produtos->nome) }}" required>
                        </div>
                        <div class="col-md-6 form-group">
                            <label for="Formulacao">Formulação *</label>
                            <select class="form-control select2" id="Formulacao" name="Formulacao" required>
                                @foreach($formulacao as $item)
                                    <option value="{{ $item->id }}"
                                        {{ old('Formulacao', $produto->produtos->formulacao->id) == $item->id ? 'selected' : '' }}>
                                        {{ $item->Descricao }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <!-- Seção 2: Preços e Quantidade -->
                <div class="form-section mt-4">
                    <h6 class="section-title"><i class="fas fa-tags"></i> Informações Financeiras</h6>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="Preco_unidade">Preço de Compra (Un.) *</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">$</span>
                                </div>
                                <input type="number" step="0.01" class="form-control" id="Preco_unidade"
                                       name="Preco_unidade" value="{{ old('Preco_unidade', $produto->preco_compra) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6 form-group">
                            <label for="preco_venda">Preço de Venda (Un.) *</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">$</span>
                                </div>
                                <input type="number" step="0.01" class="form-control" id="preco_venda"
                                       name="preco_venda" value="{{ old('preco_venda', $produto->preco_venda) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6 form-group">
                            <label for="Quantidade">Quantidade em Estoque *</label>
                            <input type="number" class="form-control" id="Quantidade" name="Quantidade"
                                   value="{{ old('Quantidade', $produto->Quantidade) }}" min="0" required>
                        </div>

                        <div class="col-md-6 form-group">
                            <label for="Quantidade">Iva *</label>
                           <select class="form-control" name="iva">
                            @foreach ($iva as $ivaitem )
                            <option @if($ivaitem->Descricao==$produto->iva??0)    selected="true" @endif>


                                {{ $ivaitem->Descricao }}
                            </option>

                            @endforeach
                           </select>
                        </div>
                    </div>
                </div>

                <!-- Seção 3: Características do Produto -->
                <div class="form-section mt-4">
                    <h6 class="section-title"><i class="fas fa-flask"></i> Especificações Técnicas</h6>
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label for="Concentracao">Concentração/Peso</label>
                            <input type="text" class="form-control" id="Concentracao" name="Concentracao"
                                   value="{{ old('Concentracao', $produto->produtos->Concentracao) }}">
                        </div>
                        <div class="col-md-4 form-group">
                            <label for="temperatura_Conservacao">Temperatura Conservação</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="temperatura_Conservacao"
                                       name="temperatura_Conservacao"
                                       value="{{ old('temperatura_Conservacao', $produto->produtos->temperatura_Conservacao) }}">
                                <div class="input-group-append">
                                    <span class="input-group-text">°C</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 form-group">
                            <label for="Categoria">Categoria *</label>
                            <select class="form-control select2" id="Categoria" name="Categoria" required>
                                @foreach($categoria as $item)
                                    <option value="{{ $item->id }}"
                                        {{ old('Categoria', $produto->produtos->categoria->id) == $item->id ? 'selected' : '' }}>
                                        {{ $item->Descricao }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <!-- Seção 4: Validade e Lote -->
                <div class="form-section mt-4">
                    <h6 class="section-title"><i class="fas fa-calendar-alt"></i> Controle de Validade</h6>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="data_validade">Data de Validade</label>
                            <input type="date" class="form-control" id="data_validade" name="data_validade"
                                   value="{{ old('data_validade', $produto->data_validade ? \Carbon\Carbon::parse($produto->data_validade)->format('Y-m-d') : '') }}">
                        </div>
                        <div class="col-md-6 form-group">
                            <label for="lote">Número do Lote</label>
                            <input type="text" class="form-control" id="lote" name="lote"
                                   value="{{ old('lote', $produto->lote) }}">
                        </div>
                    </div>
                </div>

                <!-- Botões de ação -->
                <button type="submit" class="btn btn-primary btn-lg float-right btn-loader" id="btnSubmit">
    <i class="fa fa-save"></i> Atualizar Produto
    </button>

                    <a href="{{ route('produto.index') }}" class="btn btn-secondary">
                        <i class="fa fa-arrow-left"></i> Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
</section>

@section('styles')

<style>
    .form-section {
        padding: 15px;
        border-radius: 5px;
        background-color: #f8f9fa;
        margin-bottom: 20px;
        border-left: 4px solid #007bff;
    }
    .section-title {
        color: #007bff;
        margin-bottom: 20px;
        font-weight: 600;
    }
    .select2-container--default .select2-selection--single {
        height: 38px;
        padding-top: 4px;
    }
    .form-footer {
        padding-top: 20px;
        border-top: 1px solid #eee;
    }
</style>
@endsection

@push('script')

<script>



    $(document).ready(function() {



$('#produtoForm').on('submit', function(e) {
    if ($(this).valid()) {
        $('#btnSubmit').attr('disabled', true);
        $('#spinner').show();
    }
});
        // Inicializa Select2
        $('.select2').select2({
            theme: 'bootstrap4',
            width: '100%'
        });

        // Validação do formulário
        $('#produtoForm').validate({
            rules: {
                CodigoBarras: { required: true, minlength: 3 },
                nome_generico: { required: true, minlength: 3 },
                nome: { required: true, minlength: 3 },
                Preco_unidade: { required: true, number: true, min: 0 },
                preco_venda: {
                    required: true,
                    number: true,
                    min: function() {
                        return parseFloat($('#Preco_unidade').val()) || 0;
                    }
                },
                Quantidade: { required: true, digits: true, min: 0 }
            },
            messages: {
                preco_venda: {
                    min: "O preço de venda deve ser maior ou igual ao preço de compra"
                }
            },
            errorElement: 'span',
            errorPlacement: function (error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

        // Máscaras e formatação
        $('#Preco_unidade, #preco_venda').on('blur', function() {
            let value = parseFloat($(this).val()).toFixed(2);
            $(this).val(value);
        });
    });



</script>
@endpush

@endsection