@extends('layouts.register-vendor')

@section('head')
<style>
    .pull-right {
        float: right !important;
    }
</style>
@endsection

@section('content')
    @if (!session()->has('suplier'))
    <div class="container">
        @include('vendor_v2.auth.partials.form-register-vendor')
    </div>
    @endif
@endsection

@section('scripts')
<script>
    let config = {
        urlProducts: '{!!  url('products') !!}',
    };

    function backTo() {
        window.history.forward()
    }

    function selectCompanyType() {
        let select = document.getElementById('companyType');
        let otherCompanyType = document.getElementById('otherCompanyType');

        if (select.value == 'Other') {
            otherCompanyType.disabled = false;
        } else {
            otherCompanyType.value = '';
            otherCompanyType.disabled = true;
        }
    }

    document.getElementById("companyRegistration").addEventListener("change", function(e){
        let errorCompanyRegistration = document.getElementById('error-company-registration');
        let bandera = false;
        const maximo_peso = 4000000; // 1MB = 1 millón de bytes

        if (e.target.files[0] !== undefined) {
            let fotoCargada = e.target.files[0];

            if (fotoCargada.size > maximo_peso) {
                // Mayor a los 4 mb
                console.log(fotoCargada.size, '> ',maximo_peso);

                // evitamos que cargue el archivo
                document.getElementById('companyRegistration').value = '';

                errorCompanyRegistration.innerHTML = '<span class="text-danger">The file exceeds the maximum weight allowed</span>';
            } else {
                errorCompanyRegistration.innerHTML = '';
                errorCompanyRegistration.innerHTML = '<span class="text-success">File is Ok!</span>';
            }
        } else {
            errorCompanyRegistration.innerHTML = '';
            errorCompanyRegistration.innerHTML = '<span class="text-danger">The file is required!</span>';
        }
    })

    document.getElementById("legalRepresentativeID").addEventListener("change", function(e){
        let alert = document.getElementById('error-legal-representative-ID');
        let bandera = false;
        const maximo_peso = 4000000; // 1MB = 1 millón de bytes

        if (e.target.files[0] !== undefined) {
            let fotoCargada = e.target.files[0];

            if (fotoCargada.size > maximo_peso) {
                // Mayor a los 4 mb
                console.log(fotoCargada.size, '> ',maximo_peso);

                // evitamos que cargue el archivo
                document.getElementById('legalRepresentativeID').value = '';

                alert.innerHTML = '';
                alert.innerHTML = '<span class="text-danger">The file exceeds the maximum weight allowed</span>';
            } else {
                alert.innerHTML = '';
                alert.innerHTML = '<span class="text-success">File is Ok!</span>';
            }
        } else {
            alert.innerHTML = '';
            alert.innerHTML = '<span class="text-danger">The file is required!</span>';
        }
    })

    document.getElementById("reSaleTax").addEventListener("change", function(e){
        let alert = document.getElementById('error-legal-reSaleTax');
        let bandera = false;
        const maximo_peso = 4000000; // 1MB = 1 millón de bytes

        if (e.target.files[0] !== undefined) {
            let fotoCargada = e.target.files[0];

            if (fotoCargada.size > maximo_peso) {
                // Mayor a los 4 mb
                console.log(fotoCargada.size, '> ',maximo_peso);

                // evitamos que cargue el archivo
                document.getElementById('reSaleTax').value = '';

                alert.innerHTML = '';
                alert.innerHTML = '<span class="text-danger">The file exceeds the maximum weight allowed</span>';
            } else {
                alert.innerHTML = '';
                alert.innerHTML = '<span class="text-success">File is Ok!</span>';
            }
        } else {
            alert.innerHTML = '';
            alert.innerHTML = '<span class="text-danger">The file is required!</span>';
        }
    })
</script>
@endsection