@extends('admin.layouts.adminpanel')

@section('page_header')
    @php
        $page_title = __('Invoice Data');
    @endphp

    @include('admin.partials.page_header')
@endsection

@section('content')
    <div class="container-fluid">

        <form id="invoice-data-form" method="post" action="{{ route('invoice-data.update') }}">
            @method('PATCH')

            <div class="card card-default">
                <div class="card-body">
                    <div class="alert alert-danger col-md-10" style="display:none"></div>
                    <div class="alert alert-success col-md-10" style="display:none"></div>
                    <div class="alert alert-warning col-md-10" style="color:white">
                        Para empezar a facturar, debes ingresar todos los campos obligatorios.
                        Da click en el botón: "Quiero empezar a facturar" y sube tus archivos de certificado incluyendo la
                        contraseña. Si la información es correcta, podras facturar inmediamente.
                    </div>
                    <div class="card bg-secondary col-md-10">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>Para facilitar la captura de los datos fiscales, puedes subir la
                                    constancia fiscal.</div>

                                <input type="file" id="pdf_file" name="pdf_file" accept="application/pdf"
                                    style="display:none">

                                <button type="button" class="btn btn-default custom-btn"
                                    style="white-space: nowrap;min-width: 160px;"
                                    onclick="document.getElementById('pdf_file').click()">Seleccionar
                                    archivo</button>

                                <span id="pdf_file-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                    </div>

                    {{-- <div style="padding-top:20px">
                        <div class="form-group">
                            <label for="pdf_file" style="padding-right:10px">PDF</label>
                            <input type="file" id="pdf_file" name="pdf_file" accept="application/pdf"
                            style="display:none">
                            
                            <button type="button" class="btn btn-default custom-btn"
                            style="white-space: nowrap;min-width: 160px;"
                            onclick="document.getElementById('pdf_file').click()">Seleccionar archivo</button>
                            
                            <span id="pdf_file-error" class="invalid-feedback" style="font-weight:bold"
                            role="alert"></span>
                        </div>
                    </div> --}}

                    <div style="padding: 10px 0;">
                        <div class="form-group" style="display: flex;">
                            <div class="custom-control custom-radio" style="margin-right: 2rem; ">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="radio" id="tipo_persona_fisica" name="tipo_persona" value="persona_fisica"
                                    @if ($client && $client->tipo_persona == 'persona_fisica') checked @endif>
                                <label for="tipo_persona_fisica" class="custom-control-label"
                                    style="font-weight: bold">Persona
                                    Física</label>
                            </div>
                            <div class="custom-control custom-radio">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="radio" id="tipo_persona_moral" name="tipo_persona" value="persona_moral"
                                    @if ($client && $client->tipo_persona == 'persona_moral') checked @endif>
                                <label for="tipo_persona_moral" class="custom-control-label"
                                    style="font-weight: bold">Persona
                                    Moral</label>
                            </div>
                        </div>
                        <span id="tipo_persona-error" class="invalid-feedback" style="font-weight:bold"
                            role="alert"></span>
                    </div>

                    <div class="notes">(*) Datos obligatorios.</div>

                    <div class="form-group">
                        <label for="razon_social">*Razón Social</label>
                        <div class="col-md-10">
                            <input class="form-control" id="razon_social" name="razon_social"
                                value="{{ $client->razon_social ?? '' }}" autocomplete="off">
                            <span id="razon_social-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="rfc">*R.F.C.</label>
                        <div class="col-md-10">
                            <input class="form-control" id="rfc" name="rfc" value="{{ $client->rfc ?? '' }}"
                                autocomplete="off" autocomplete="off">
                            <span id="rfc-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="cp_fiscal">*C.P. Fiscal</label>
                        <div class="col-md-10">
                            <input class="form-control" id="cp_fiscal" name="cp_fiscal"
                                value="{{ $client->cp_fiscal ?? '' }}" autocomplete="off">
                            <span id="cp_fiscal-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="regimen_id">*Regimen</label>
                        <div class="col-md-10">
                            <select class="form-control" name="regimen_id" id="regimen_id">
                                <option value="">{{ __('-- Select regimen --') }}</option>
                                @foreach ($regimenes as $regimen)
                                    <option value="{{ $regimen->id }}" @if ($client->regimen_id == $regimen->id) selected @endif>
                                        {{ $regimen->clave }} - {{ $regimen->descripcion }}
                                    </option>
                                @endforeach
                            </select>
                            <span id="regimen_id-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="uso_id">*Uso del CFDi</label>
                        <div class="col-md-10">
                            <select class="form-control" name="uso_id" id="uso_id">
                                <option value="">{{ __('-- Select uso --') }}</option>
                                @foreach ($usos as $uso)
                                    <option value="{{ $uso->id }}" @if ($client->uso_id == $uso->id) selected @endif>
                                        {{ $uso->clave }} - {{ $uso->descripcion }}
                                    </option>
                                @endforeach
                            </select>
                            <span id="uso_id-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group row" style="padding-top:15px">
                        <div class="col d-flex align-items-center">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="make_invoices"
                                    name="make_invoices" {{ $client->make_invoices ? 'checked' : '' }}>
                                <label class="custom-control-label" for="make_invoices">{{ __('Make Invoices') }}</label>
                            </div>
                        </div>
                    </div>
                    <div id="files_section" style="padding-top:10px">
                        <div class="form-group">
                            <label for="file_cer">*{{ __('Archivo.cer') }}</label>
                            <span id="fileCerUploaded"
                                style="margin-left:10px;font-size:smaller; font-style: italic; color:dimgray; @if (empty($client->file_cer)) display:none @endif">{{ __('File Saved') }}</span>
                            <div class="col-md-10">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="file_cer" name="file_cer"
                                        accept=".cer" autocomplete="off">
                                    <label class="custom-file-label"
                                        for="exampleInputFile">{{ __('Choose file') }}</label>
                                </div>
                                <span id="file_cer-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="file_key">*{{ __('Archivo.key') }}</label>
                            <span id="fileKeyUploaded"
                                style="margin-left:10px;font-size:smaller; font-style: italic; color:dimgray; @if (empty($client->file_key)) display:none @endif">{{ __('File Saved') }}</span>
                            <div class="col-md-10">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="file_key" name="file_key"
                                        accept=".key" autocomplete="off">
                                    <label class="custom-file-label"
                                        for="exampleInputFile">{{ __('Choose file') }}</label>
                                </div>
                                <span id="file_key-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                        <div class="form-group" id="password_section">
                            <label for="passcode">*{{ __('Password') }}</label>
                            <div class="col-md-10">
                                <input type="password" class="form-control" id="passcode" name="passcode"
                                    value="{{ $client->passcode ? base64_decode($client->passcode) : '' }}"
                                    placeholder="contraseña" autocomplete="off">
                                <span id="passcode-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- buttons --}}
            <div class="card">
                <div class="card-body">
                    <div class="form-group row" style="margin-bottom:0">
                        <a href="javascript:loadContent('{{ route('panel') }}')" id="cancel" name="cancel"
                            class="btn btn-default custom-btn">{{ __('Cancel') }}</a>
                        <button type="submit" class="btn btn-info custom-btn">{{ __('Save') }}</button>
                    </div>
                </div>
            </div>
            <br>
        </form>
    </div>
    <script>
        $(function() {
            bsCustomFileInput.init();
        });

        toggleFileUploadsSection();

        @if (!empty($client->empresa_uid))
            $(".alert.alert-warning").hide();
        @endif

        function toggleFileUploadsSection() {
            var $filesSection = $('#files_section');
            var $makeInvoices = $("#make_invoices").is(":checked") ? 1 : 0;

            if ($makeInvoices) {
                $filesSection.show();
            } else {
                $filesSection.hide();
            }
        }

        $("#make_invoices").on("click", function() {
            toggleFileUploadsSection();
        });

        $('#pdf_file').on('change', function() {
            uploadPdf(this);
        });
    </script>
@endsection