@extends('layouts.vertical')

@section('title', 'Unity ERP Software - CFDI use')

@section('content')
<main id="js-page-content" role="main" class="page-content">
    <div class="subheader">
        <h1 class="subheader-title">
            <i class='subheader-icon fal fa-'></i>{{ __('satCatalogs.title' )}}
        </h1>
        <div class="subheader-block">
            <!--Right content of header-->
        </div>
    </div>

    <div class="row">
        <div class="col-xl-12">
            <div id="panel-1" class="panel">
              <div class="panel-hdr bg-primary-500 bg-primary-gradient"> 
                    <h2>
                        {{ __('satCatalogs.cfdiuses' )}}
                    </h2>
                    <div class="panel-toolbar">
                        <button class="btn btn-panel" data-action="panel-fullscreen" data-bs-toggle="tooltip" data-offset="0,10" data-original-title="{{ __('common.fullscreen') }}"></button>
                    </div>
                </div>
              @include('billing::Mexico.sat-catalogs.partials.tab-catalogs')
                <div class="panel-hdr">
                    <h2>
                        {{ __('satCatalogs.editcfdiuse') }}
                    </h2>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        <form id="formCfdiUse" action="{{ route('sat-catalogs.cfdi-use.update', $cfdiUse->id) }}" method="post">
                          @method('PATCH')
                          @csrf
                          <div style="display: none" id="content-errors-front">
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul id="errors-front"></ul>
                            </div>
                          </div>
                          <!-- list errors validation -->
                          @if ($errors->any())
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul>

                                  @foreach ($errors->all() as $error)
                                         <li>{{ $error }}</li>
                                  @endforeach

                                <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                </button>
                              </ul>
                            </div>
                          @endif

                          <div class="panel-tag col-md-12">
                              {{ __('satCatalogs.cfdiuseinfo') }}
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label for="code">*{{ __('satCatalogs.code') }}</label>
                              <input type="text" name="code" id="code" class="form-control" autocomplete="off" value="{{ $cfdiUse->code }}" maxlength="255">
                            </div>
                             <div class="form-group col-md-6">
                                <label for="description">*{{ __('satCatalogs.description') }}</label>
                                <input type="text" name="description" id="description" class="form-control" autocomplete="off" value="{{ $cfdiUse->description }}" maxlength="255">
                            </div>
                          </div>


                          <div class="text-right mt-3">
                            <button type="submit" class="btn btn-primary waves-effect waves-themed">{{ __('buttons.update') }}</button>
                            <a href="{{ route('sat-catalogs.cfdi-use.index') }}" class="btn btn-secondary waves-effect waves-themed">{{ __('buttons.cancel') }}</a>
                          </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('footerScript')
<script src="{{ URL::asset('js/crm/app.satCatalogs.js') }}"></script>
<script>
  $('#formCfdiUse').submit(function( event ) {
    var msgs=[];

    if( !$('#code').val() ) {
      msgs.push("{{__('satCatalogs.valcode')}}");
    }
    if( !$('#description').val() ) {
      msgs.push("{{__('satCatalogs.valdescription')}}");
    }
    if (msgs.length>0) {

      $("#errors-front").html("");
      msgs.forEach(function(element) {
        $("#errors-front").append("<li>"+element+"</li>"); 
      });

      $("#content-errors-front").show();
      window.scrollTo(0, 0); 

      event.preventDefault();

    }
  });
</script>
@stop
@section('scripts')
@endsection