@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">
            @if(session()->get('success'))
              <div class="alert alert-success alert-dismissible fade show">
                {{ session()->get('success') }}
                <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
               </div><br/>
            @endif

            <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-container show">

                    <div class="panel-content">
                    <div>
                      @can('billing.create')
                        <a href="{{ route('sat-catalogs.cfdi-use.create') }}">
                            <button
                                class="btn btn-primary waves-effect waves-themed float-right"
                                title="{{ __('satCatalogs.createcfdiuse') }}" >
                                <i class="fas fa-plus"></i>
                            </button>
                            <a href="#" class="btn btn-outline-primary float-right" data-bs-toggle="modal" data-bs-target="#modalImport">{{ __('satCatalogs.import')}}</a>
                        </a>
                      @endcan
                    </div>
                    <div id="content-table-cfdi-use">
                          <table id="cfdiUseTable" class="table table-bordered table-hover table-striped w-100">
                              <thead>
                                <tr>
                                  <th>{{ __('satCatalogs.code') }}</th>
                                  <th>{{ __('satCatalogs.description') }}</th>
                                  <th>{{ __('satCatalogs.actions') }}</th>
                                </tr>
                              </thead>
                              <tbody>
                                    @foreach($cfdiUses as $cfdiUse)
                                        <tr>
                                            <td>{!! $cfdiUse->code !!}</td>
                                            <td>{!! $cfdiUse->description !!}</td>
                                            <td class="text-center" width="15%">
                                              <div class="btn-group">
                                                  <button type="button" class="btn btn-outline-primary rounded-circle btn-icon" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                      <i class="fa fa-ellipsis-v"></i>
                                                  </button>
                                                  <div class="dropdown-menu dropdown-menu-right">
                                                    @can('billing.edit')
                                                      <a class="dropdown-item" 
                                                          href="{{ route('sat-catalogs.cfdi-use.edit',$cfdiUse->id)}}">
                                                          <i class="fas fa-edit"></i>{{ " " . __('satCatalogs.editcfdiuse') }}
                                                      </a>
                                                    @endcan
                                                      <div class="dropdown-divider border-secondary"></div>
                                                    @can('billing.delete')
                                                      <a class="dropdown-item text-danger" 
                                                          onclick="$('#formDel').attr('action', '{{ route('sat-catalogs.cfdi-use.destroy',$cfdiUse->id)  }}');"
                                                          data-bs-toggle="modal"
                                                          data-bs-target="#modalDelete">
                                                          <i class="fas fa-trash-alt"></i>{{ ' ' . __('satCatalogs.deletetitleCfdiUse') }}
                                                      </a>
                                                    @endcan
                                                  </div>
                                              </div>
                                            </td>
                                        </tr>

                                    @endforeach
                              </tbody>
                            </table>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--modal delete -->
    <div style="display: none;" id="modalDelete" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered modal-transparent" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title text-white">{{ __('satCatalogs.deletetitleCfdiUse') }}</h5>
            <button type="button" class="close text-white" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body text-white">
            <p>{{ __('satCatalogs.deletemsgCfdiUse') }}</p>
          </div>
          <div class="modal-footer">

            <form id="formDel" style="display: inline-block;" action="" method="post">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-primary">{{ __('buttons.delete') }}</button>
            </form>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('buttons.cancel') }}</button>
          </div>
        </div>
      </div>
    </div>
    <!--modal import -->
    <div style="display: none;" id="modalImport" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered modal-transparent" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">{{ __('satCatalogs.import') }}</h5>
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

          <form id="formDel" style="display: inline-block;" action="{{ route('sat-catalogs.cfdi-use.import') }}" method="post" enctype="multipart/form-data">
              <div class="modal-body">
                @csrf
                @method('POST')
                <div class="custom-file">
                  <input type="file" name="import_file" class="custom-file-input" id="import_file" accept="application/vnd.ms-excel, .xls, .xlsx">
                  <label class="custom-file-label" for="customFile">{{ __('buttons.choose-file') }}</label>
                </div>

              </div>

              <div class="row p-3">
                <div class="col-md-6">
                  <a class="btn btn-outline-success" href="{{ route('sat-catalogs.download.template', ['cfdi_use']) }}" role="button">
                    <i class="fa fa-download"></i>
                    {{ __('buttons.template') }}
                  </a>
                </div>
                <div class="col-md-6 text-right">
                  <button type="submit" class="btn btn-primary">{{ __('buttons.ok') }}</button>
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('buttons.cancel') }}</button>
                </div>
              </div>

          </form>
        </div>
      </div>
    </div>
@endsection

@section('footerScript')
<script src="{{ URL::asset('js/crm/app.satCatalogs.js?v=1.1.1') }}"></script>
@stop
@section('scripts')

@endsection