@extends('painel-admin.menu')
@section('title', 'Produto')
@section('content')
    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    <form method="POST" id="formEnvioDados" action="{{route('Produtos.update', $produto->id)}}" enctype="multipart/form-data">   
        @method('PATCH')
        @csrf
        <div class="row">
            <div class="col-12 mt-3">
                <div class="d-flex flex-column flex-sm-row justify-content-between align-items-sm-center flex-wrap">
                    <h2 class="mb-3 mb-sm-0">Alteração do Produto</h2>

                    <div class="d-flex flex-column flex-sm-row flex-wrap" style="gap: 5px;">
                        <a href="{{ route('Produtos.index') }}" class="btn btn-danger">Voltar</a>
                        <button type="button" id="btnSalvar" class="btn btn-primary">Alterar</button>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">         
                        <label>Tipo</label>
                        <select class="form-control" name="tipo" required="required" onchange="handleStatusChange()">
                            <option value="1" @if($produto->tipo == 1) selected @endif>Produto</option>
                            <option value="2" @if($produto->tipo == 2) selected @endif>Serviço</option>
                        </select>        
                    </div>
                </div>
                <div class="row mt-2">
                    <div class="col-md-8">
                        <label>Descrição</label>
                        <input type="text" class="form-control" name="descricao" value="{{$produto->descricao}}">
                        @if ($errors->has('descricao'))
                            <p class="text-danger">{{ $errors->first('descricao') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Valor</label>
                        <input type="number" class="form-control" name="valor" value="{{$produto->valor}}">
                        @if ($errors->has('valor'))
                            <p class="text-danger">{{ $errors->first('valor') }}</p>
                        @endif
                    </div>
                </div>       
            </div> 
        </div>        
    </form>

    
    <style>

        .scrollbar-horizontal {
            overflow-x: auto;
        }

    </style>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>   
    <script>

        var currentItemId = 'Produtos-link';
        
        document.addEventListener("DOMContentLoaded", function () {
            handleStatusChange();
        });

        function DeleteImg() {
            var form = $('#formDelecao');
            form.submit();
        }

        var tableScroll = document.querySelector('.table-responsive-sm');

        if (tableScroll) {  
            tableScroll.classList.add('scrollbar-horizontal');
        }

        document.getElementById('btnSalvar').addEventListener('click', function(event) {
            event.preventDefault();

            Swal.fire({
                title: 'Confirmação',
                text: 'Deseja realmente editar esse Produto?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Confirmar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('formEnvioDados').submit();
                }
            });  
        });
    </script>           
@endsection