@extends('layout.layout')
@section('content')
<!-- <div class="inregistrare-obiect">
    <form id="salveaza_cod" class="w-100">
        @if($errors->has('success'))
        @foreach ($errors->all() as $error)
        <div class="alert alert-success  text-white text-center mt-2" role="alert"
            style="color:#fff;background: green !important;">
            {{ $error }}
            <button type="button" class="btn-close btn-alerta" data-bs-dismiss="alert" aria-label="Close" style="background: none !important;
                border: none !important;
                float: right;
                font-weight: bold;
                color: #fff;
                opacity: 1 !important;
                font-size: 20px;
                margin-top: -10px;">x</button>
        </div>
        @endforeach
        @endif
        <div id="cod_errors"></div>
        <div id="code_errors"></div>
        <select name="code_inventar" id="code_inventariere" class="form-control inregistrare-input mb-2">
            @if(Auth::user()->branch_id == 9000)
            <option value="" selected>Alege inventar</option>
            @foreach ($agencies as $agency)
            <option value="{{ $agency->id }}">{{ $agency->type }}-{{ $agency->branch_name }}</option>
            @endforeach
            @else
            @foreach ($agencies as $agency)
            <option value="{{ $agency->id }}">{{ $agency->type }}-{{ $agency->branch_name }}</option>
            @endforeach
            @endif
        </select>
        <label class="fw-bold" id="label_cod_bare">Scanati codul de bare</label>
        <input type="text" value="" name="code" placeholder="SCANATI COD BARE"
            class="form-control inregistrare-input mb-2" id="scanned" autocomplete="off" autofocus>
        <div class="cod_articol  d-none" id="cod_articol">
            <label class="fw-bold" id="label_articol">Introduceti cod articol (exemplu: MB.000000, BN.00000, AE.000000)
                doar daca nu puteti scana codul de bare**</label>
            <input type="text" value="" name="cod_articol" id="codes_articol"
                placeholder="Introduceti cod articol(exemplu: MB.000000, BN.00000, AE.000000)"
                class="form-control inregistrare-input mb-2" autocomplete="off" autofocus>
        </div>
        <div class="form-input-check mobiles-inregistrare">
            <button id="mobile-button-ajax" type="submit" class="mobile-button-ajax d-none mt-4">TRIMITE</button>
            <div class="form-check form-switch input-checkbox-type">
                <input class="form-check-input" type="checkbox" id="bifeazaScanare">
                <label class="form-check-label fw-bold" for="bifeazaScanare">BIFEAZA PENTRU INTRODUCERE MANUALA A
                    CODULUI DE ARTICOL</label>
            </div>
        </div>
    </form>
</div> -->

<div class="container py-5">
    <div class="row g-4">

        <div class="col-12 col-md-4">
            <div class="card shadow-lg border-0 rounded-4 h-100">
                <div class="card-body text-center p-5" style="background: linear-gradient(135deg, #f8fafc, #eef2f7);">
                    <div class="mb-4">
                        <i class="fas fa-exchange-alt fa-3x text-primary"></i>
                    </div>
                    <h4 class="fw-bold text-dark mb-3">Inventarierea s-a mutat!</h4>
                    <p class="text-muted mb-4">
                        De acum, toate procesele de inventariere se desfășoară pe noua platformă.
                    </p>
                    <a href="https://care.moneygold.ro" target="_blank" 
                       class="btn btn-primary btn-lg px-4 py-2 shadow-sm rounded-pill w-100">
                        <i class="fas fa-external-link-alt me-2"></i> care.moneygold.ro
                    </a>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-4">
            <div class="card shadow-lg border-0 rounded-4 h-100">
                <div class="card-body text-center p-5" style="background: linear-gradient(135deg, #fff5f5, #ffecec);">
                    <div class="mb-4">
                        <i class="fas fa-ban fa-3x text-danger"></i>
                    </div>
                    <h4 class="fw-bold text-dark mb-3">Înregistrarea obiectelor nu mai e disponibilă</h4>
                    <p class="text-muted mb-4">
                        Deoarece inventarierea s-a mutat pe noua platformă, <br>
                        aici <strong>nu se mai pot înregistra obiecte</strong>.
                    </p>
                    <a href="https://care.moneygold.ro/inventory" target="_blank" 
                       class="btn btn-danger btn-lg px-4 py-2 shadow-sm rounded-pill w-100">
                        <i class="fas fa-box-open me-2"></i> Deschide inventar
                    </a>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-4">
            <div class="card shadow-lg border-0 rounded-4 h-100">
                <div class="card-body text-center p-5" style="background: linear-gradient(135deg, #f0fdf4, #dcfce7);">
                    <div class="mb-4">
                        <i class="fas fa-archive fa-3x text-success"></i>
                    </div>
                    <h4 class="fw-bold text-dark mb-3">Vezi inventarele vechi</h4>
                    <p class="text-muted mb-4">
                        Pentru acces la istoricul inventarelor înregistrate <br>
                        în această aplicație, apasă mai jos.
                    </p>
                    <a href="{{ url('/vezi-inventar') }}" 
                       class="btn btn-success btn-lg px-4 py-2 shadow-sm rounded-pill w-100">
                        <i class="fas fa-history me-2"></i> Inventare vechi
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>




@push('js')
<script>
    $(document).ready(function () {
        $("#bifeazaScanare").click(function () {
            if ($(this).prop("checked") == true) {
                $('#cod_articol').removeClass('d-none');
                $('#label_cod_bare').addClass('d-none');
                $('#scanned').addClass('d-none');
                $('#mobile-button-ajax').removeClass('d-none');
                $("#codes_articol").focus();
            } else if ($(this).prop("checked") == false) {
                $("#label_cod_bare").removeClass('d-none');
                $('#cod_articol').addClass('d-none');
                $('#scanned').removeClass('d-none');
                $('#mobile-button-ajax').addClass('d-none');
                $("#scanned").focus();
            }
        });

        $("#code_inventariere").on("change", function () {
            var selectedId = $(this).val();
            if (selectedId) {
                $.ajax({
                    url: "/get-agency-data/" + selectedId,
                    method: "GET",
                    success: function (response) {
                        if (response.company == 2000) {
                            $("#codes_articol").attr("placeholder",
                                "Introduceti cod articol (exemplu: AG.000000, MG.000000)"
                            );
                            $("#label_articol").html(
                                "Introduceti cod articol (exemplu: AG.000000, MG.000000) doar daca nu puteti scana codul de bare**"
                            );
                        } else {
                            $("#codes_articol").attr("placeholder",
                                "Introduceti cod articol (exemplu: MB.000000, BN.00000, AE.000000)"
                            );
                            $("#label_articol").html(
                                "Introduceti cod articol (exemplu: MB.000000, BN.00000, AE.000000) doar daca nu puteti scana codul de bare**"
                            );
                        }
                    },
                    error: function (xhr) {
                        console.log("Error:", xhr);
                    }
                });
            }
        });
    });
    $(function () {
        $("#salveaza_cod").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: '/save_cod',
                method: 'POST',
                data: new FormData(this),
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                contentType: false,
                success: function (response) {
                    $("#scanned").val('');
                    $('#cod_errors').html(response.mesaj);
                    $("#codes_articol").val('');
                },
                error: function (error) {
                    $("#codes_articol").val('');
                    $("#scanned").val('');
                    $('#cod_errors').html(error.responseJSON.fail);
                }
            });
        });
    });

    $("#bifeazaScanare").on('click', function () {
        $("#scanned").focus();
        $("#codes_articol").focus();
    });

    $("#code_inventariere").on('change', function () {
        $("#scanned").focus();
        $("#codes_articol").focus();
    });

</script>
@endpush
@endsection