@extends('admin.layouts.adminpanel')

@section('page_header')
    @php
        $page_title = empty($client->id) ? __('Create new Client') : __('Edit Client');
    @endphp

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

@section('content')
    <div class="container-fluid">
        <form id="client-form" method="post"
            action="{{ empty($client->id) ? route('clients.store') : route('clients.update', $client->id) }}">
            @if (!empty($client->id))
                @method('PATCH')
            @endif
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ __('General Information') }}</h3>
                </div>
                <div class="card-body">
                    <div class="notes">(*) Datos obligatorios.</div>
                    <div class="form-group">
                        <label for="client_name">*{{ __('Client Name') }}</label>
                        <div class="col-md-10">
                            <input class="form-control" id="client_name" name="client_name"
                                value="{{ $client->name ?? '' }}">
                            <span id="client_name-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    @if (empty($client->id))
                        <div class="form-group">
                            <label for="name">*{{ __('Administrator Name') }}</label>
                            <div class="col-md-10">
                                <input class="form-control" id="name" name="name" value="">
                                <span id="name-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="email">*{{ __('Email') }}</label>
                            <div class="col-md-10">
                                <input type="email" class="form-control" id="email" name="email" value=""
                                    placeholder="mail@example.com">
                                <span id="email-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="phone">*{{ __('Cell Phone') }}</label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" id="phone" name="phone" value=""
                                    placeholder="(123) 456-7890">
                                <span id="phone-error" class="invalid-feedback" style="font-weight:bold"
                                    role="alert"></span>
                            </div>
                        </div>
                        @include('admin.partials.password')
                    @endif
                    <div class="form-group">
                        <label for="package_id">*{{ __('Package') }}</label>
                        <div class="col-md-10">
                            <select class="form-control" name="package_id" id="package_id">
                                <option value="">{{ __('-- Select package --') }}</option>
                                @foreach ($packages as $id => $name)
                                    <option value="{{ $id }}" @if (!empty($client->id) && $client->package_id == $id) selected @endif>
                                        {{ $name }}
                                    </option>
                                @endforeach
                            </select>
                            <span id="package_id-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="reseller_id">{{ __('Reseller') }}</label>
                        <div class="col-md-10">
                            <select class="form-control" name="reseller_id" id="reseller_id">
                                <option value="">{{ __('-- Select reseller --') }}</option>
                                @foreach ($resellers as $id => $name)
                                    <option value="{{ $id }}" @if (!empty($client->id) && $client->reseller_id == $id) selected @endif>
                                        {{ $name }}
                                    </option>
                                @endforeach
                            </select>
                            <span id="package_id-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    {{-- @can('activar clientes')
                        <div class="form-group">
                            <label for="status">{{ __('Status') }}</label>
                            <div class="col-md-10">
                                <input type="checkbox" id="status" name="status" data-bootstrap-switch data-on-text="Activo"
                                    data-off-text="Inactivo" {{ empty($client->id) || $client->isActive() ? 'checked' : '' }}>
                                <span id="status-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                            </div>
                        </div>
                    @endcan --}}
                </div>
            </div>

            
            <input type="hidden" id="showInvoiceInformation" name="showInvoiceInformation"
                value="{{ $showInvoiceInformation }}" />

            <div class="card card-default {{ !$showInvoiceInformation ? 'collapsed-card' : '' }}">
                <div class="card-header">
                    <div class="row">
                        <button type="button" onclick="toggleInvoiceInformation()" class="btn btn-tool"
                            data-card-widget="collapse">
                            <i class="fas fa-{{ $showInvoiceInformation ? 'minus' : 'plus' }}"></i>
                        </button>
                        <h3 class="card-title">{{ __('Invoice Information') }}</h3>
                    </div>
                    {{-- <div class="card-tools">
                        <button type="button" onclick="toggleInvoiceInformation()" class="btn btn-tool"
                            data-card-widget="collapse">
                            <i class="fas fa-{{ $showInvoiceInformation ? 'minus' : 'plus' }}"></i>
                        </button>
                    </div> --}}
                </div>

                <div class="card-body">

                    <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="display: flex; justify-content: space-between; align-items: center;">
                        <div class="form-group" style="text-align: right;">
                            <div class="col-md-10">
                                <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 PDF</button>

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

                    <div class="notes">(*) Datos obligatorios.</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="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 ?? '' }}">
                            <span id="razon_social-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>
                    {{-- <div class="form-group">
                        <label for="direccion_fiscal">Dirección Fiscal</label>
                        <div class="col-md-10">
                            <input class="form-control" id="direccion_fiscal" name="direccion_fiscal"
                                value="{{ $client->direccion_fiscal ?? '' }}">
                            <span id="direccion_fiscal-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 ?? '' }}">
                            <span id="cp_fiscal-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 ?? '' }}">
                            <span id="rfc-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 (!empty($client->id) && $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 (!empty($client->id) && $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>
            </div>

            {{-- buttons --}}
            <div class="card">
                <div class="card-body">
                    <div class="form-group row" style="margin-bottom:0">
                        <a href="javascript:loadContent('{{ route('clients.index') }}')" id="cancel" name="cancel"
                            class="btn btn-default custom-btn">{{ __('Cancel') }}</a>
                        <button type="submit"
                            class="btn btn-info custom-btn">{{ empty($client->id) ? __('Create') : __('Save') }}</button>
                    </div>
                </div>
            </div>
            <br>
        </form>
    </div>

    <script>
        // Bootstrap Switch
        $("input[data-bootstrap-switch]").each(function() {
            $(this).bootstrapSwitch('state', $(this).prop('checked'));
        })

        function toggleInvoiceInformation() {
            var currentValue = $("#showInvoiceInformation").val();
            var newValue = (currentValue === '1') ? '0' : '1';
            $("#showInvoiceInformation").val(newValue);
        }

        $('#phone').mask('(000) 000-0000');

        document.getElementById('pdf_file').addEventListener('change', function() {
            uploadPdf(this);
        });
    </script>
@endsection