{{-- Messagens da session --}}
        @include('partials.session-message')
   
    <div class="card shadow-lg mx-4 card-profile-bottom">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-auto">
                    <div class="avatar avatar-xl position-relative">
                        <i class="fa fa-prodservs" style="color:#344767; font-size:48px !important"></i>
                    </div>
                </div>
                <div class="col-auto my-auto">
                    <div class="h-100">
                        <h5 id="head-name" class="mb-1">
                             {{ isset($prodserv) ? $prodserv->prodserv : '-' }}
                        </h5>
                        <p id="head-prodservname" class="mb-0 font-weight-bold text-sm">
                        {{ isset($prodserv) ? $prodserv->prodservname : '-' }}
                        </p>
                    </div>
                </div>
                @if (isset($prodserv))
                <div class="col-lg-2 col-md-2 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                    <div class="nav-wrapper position-relative end-0">
                        <div class="dropdown">
                            <a href="#" style="text-transform: uppercase;" class="btn bg-gradient-dark dropdown-toggle " data-bs-toggle="dropdown" id="navbarDropdownMenuLink2"> {{ isset($prodserv) ? $prodserv->status : old('status') }}
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                                <li>
                                    <a id="ativo" class="dropdown-item form-status" href="#" data-status="ativo">ATIVO</a>
                                </li>
                                <li>
                                    <a id="inativo" class="dropdown-item form-status" href="#" data-status="inativo">INATIVO</a>
                                </li>
                            </ul>
                            </div>

                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Procedimento</p>
                            <div class="ms-auto">
                                <button type="submit" class="btn btn-success btn-sm ms-auto "><i class="fas fa-save me-3"></i>Salvar</button>
                                <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">DADOS CADASTRAIS</p>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{ __('Nome') }}</label>
                                    <input class="form-control{{ $errors->has('prodserv') ? ' is-invalid' : '' }}" 
                                    name="prodserv" id="input-prodserv" type="text"
                                    value="{{ isset($prodserv) ? $prodserv->prodserv : old('prodserv') }}"
                                    placeholder="{{ __('prodserv') }}" 
                                    required="true" aria-required="true"
                                    onkeyup="updateHeadprodserv('input-prodserv', 'head-prodserv')" 
                                     />
                                @if ($errors->has('prodserv'))
                                    <span id="prodserv-error" class="error text-danger"
                                        for="input-prodserv">{{ $errors->first('prodserv') }}</span>
                                @endif
                                </div>
                            </div>
                              <div class="col-md-6">
                                <div class="form-group">
                                    <label>{{ __('Valor') }}</label>
                
                                    <input class="form-control{{ $errors->has('valor') ? ' is-invalid' : '' }}"
                                    name="valor" id="input-valor" type="text" 
                                    value="{{ isset($prodserv) ? number_format($prodserv->valor, 2, ',', '.') : old('valor') }}" placeholder="{{ __('Valor ') }}"
                                />
                                @if ($errors->has('valor'))
                                    <span id="valor-error" class="error text-danger"
                                        for="input-valor">{{ $errors->first('valor') }}</span>
                                @endif
                                </div>
                            </div>
                              <div class="col-md-6">
                                <div class="form-group">
                                    <label>{{ __('Oferta') }}</label>
                                    <input class="form-control{{ $errors->has('valor') ? ' is-invalid' : '' }}"
                                    name="valoroferta" id="input-valoroferta" type="text" 
                                    value="{{ isset($prodserv) ? number_format($prodserv->valoroferta, 2, ',', '.') : old('valor') }}" placeholder="{{ __('Valor ') }}"
                                />
                                @if ($errors->has('valoroferta'))
                                    <span id="valoroferta-error" class="error text-danger"
                                        for="input-valoroferta">{{ $errors->first('valoroferta') }}</span>
                                @endif
                                </div>
                            </div>
                          
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="example-text-input" class="form-control-label">Descrição</label>
                                    <textarea name="descricao" rows="6" id="input-descricao" class="form-control">{{ isset($prodserv) ? $prodserv->descricao : old('descricao') }}</textarea>
                                </div>
                            </div>
                             
                        </div>
                        
                        
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Período Perioperatório</p>
                           
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">INFORMAÇÕES ADICIONAIS</p>
                        <div class="row">
                            
                             <div class="col-md-12">
                                <div class="form-group">
                                    <label for="example-text-input" class="form-control-label">Pré-Operatório</label>
                                    <textarea name="prodserv_pre" rows="6" id="input-prodserv_pre" class="form-control">{{ isset($prodserv) ? $prodserv->prodserv_pre : old('prodserv_pre') }}</textarea>
                                </div>
                            </div>
                             <div class="col-md-12">
                                <div class="form-group">
                                    <label for="example-text-input" class="form-control-label">Pos-Operatório</label>
                                    <textarea name="prodserv_pos" rows="6" id="input-prodserv_pos" class="form-control">{{ isset($prodserv) ? $prodserv->prodserv_pos : old('prodserv_pos') }}</textarea>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            
            <div class="col-me-12">
                @if(isset($prodserv))
                    @include('partials.upload', ['model' => $prodserv])
                @endif
                
            </div>
           
        </div>

        <script src="/assets/js/jquery.min.js" type="text/javascript"></script>
        <script>
            function changeStatus(model, id, newStatus) {
                $.ajax({
                    url: `/status/${model}/${id}/${newStatus}`,
                    method: 'GET',
                    success: function(response) {
                        console.log(response);
                        $('#navbarDropdownMenuLink2').text(newStatus).css('text-transform', 'uppercase');
                        // Atualize a UI aqui
                    },
                    error: function(error) {
                        console.error(error);
                        // Lidar com erros aqui
                    }
                });
            }
        </script>
        <script>
            document.addEventListener('DOMContentLoaded', () => {
                const prodservId = {{ $prodserv->id ?? 'undefined' }};
                const statusElements = document.querySelectorAll('.form-status');

                statusElements.forEach((element) => {
                    element.addEventListener('click', () => {
                        const status = element.getAttribute('data-status');
                        changeStatus('prodserv', prodservId, status);
                    });
                });
            });
        </script>
        <script>
            function updateHeadName(inputId, outputId) {
                var inputValue = $('#' + inputId).val();
                $('#' + outputId).text(inputValue);
            }
                    
        </script>
        <script>
        $(document).ready(function(){
        $('#input-cellphone').mask('(00) 00000-0000');
        $('#input-valor').mask('000.000.000.000,00', { reverse: true });
        $('#input-valoroferta').mask('000.000.000.000,00', { reverse: true });
        });
        </script>

        <script>
            $(document).ready(function() {
                $('#associate-empresa-container input[type="checkbox"]').change(function() {
                    let prodservId = $(this).data('prodserv-id');
                    let empresaId = $(this).data('empresa-id');
                    let associate = $(this).is(':checked');

                    $.ajax({
                        url: `/updateAssociation`,
                        method: 'POST',
                        data: {
                            _token: $('input[name="_token"]').val(),
                            prodserv_id: prodservId,
                            idempresa: empresaId,
                            associate: associate
                        },
                        success: function(response) {
                            console.log(response.message);
                        }
                    });
                });
            });
        </script>
        @include('partials.upload-js')
        @include('layouts.footers.auth.footer')
    </div>