@extends('layouts.vertical')

@section('title', 'Unity ERP Software - Billing')

@section('headerStyle')
<link rel="stylesheet" media="screen, print" href="{{ URL::asset('css/invoice.css') }}">
@endsection

@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>{{ __('consignment-notes.consignment-notes' )}}
      </h1>
      <div class="subheader-block">
          <!--Right content of header-->
      </div>
  </div>

  <div class="row">
      <div class="col-xl-12">
          @if(session()->get('success'))
             <div id="alert-message" class="alert alert-success alert-session 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
          @if(session()->get('error'))
             <div id="alert-message" class="alert alert-danger alert-session alert-dismissible fade show">
                {{ session()->get('error') }}
                <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>
                      {{__('consignment-notes.consignment-notes')}}
                  </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>
              <div class="panel-container show">
                    <div class="panel-content">
                        <div class="pt-3 pl-3 pr-3">
                            <form action="{{ url('consignment-notes') }}" id="frmSearch" autocomplete="off" role="form" method="GET">
                                <div  class="row">
                                    <div style="padding:0px;" class="form-group col-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <label class="input-group-text" for="rfc">{{ __('invoices.rfc') }}</label>
                                            </div>
                                            <input type="text" class="form-control" name="customer_rfc" value="{{Request::get('customer_rfc')}}">
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="company">{{ __('invoices.company') }}</label>
                                            </div>
                                            <input type="text" class="form-control" name="customer_name" value="{{Request::get('customer_name')}}">
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="number">{{ __('invoices.number') }}</label>
                                            </div>
                                            <input type="text" class="form-control" name="folio" value="{{Request::get('folio')}}">
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="currency">{{ __('invoices.currency') }}</label>
                                            </div>
                                            <select class="form-control" name="currency">
                                                <option value="">{{ __('buttons.select') }}</option>
                                                @foreach($currencies as $value)
                                                    <option value="{!! $value->code !!}" {{$value->code == Request::get('currency') ? 'selected' : ''}}>
                                                        {!! $value->code !!}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div  class="row">
                                    <div style="padding:0px;" class="form-group col-md-3 mt-3 mt-md-0">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="status">{{ __('invoices.status') }}</label>
                                            </div>
                                            <select class="form-control" name="status">
                                                <option value="">{{ __('buttons.select') }}</option>
                                                @foreach($status as $idx => $item)
                                                    <option value="{!! $idx !!}" {{$idx==Request::get('status') ? 'selected' : ''}}>
                                                        {!! $item !!}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="period">{{ __('invoices.period') }}</label>
                                            </div>
                                            <select class="form-control" name="period" id="period">
                                                <option value="">{{ __('buttons.select') }}</option>
                                                @foreach($periods as $idx => $item)
                                                    <option value="{!! $idx !!}" {{$idx==Request::get('period') ? 'selected' : ''}}>
                                                        {!! $item !!}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3 custom-interval {{Request::input('period') == 'custom interval' ? '' : 'hidden'}}">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="from">{{ __('invoices.from') }}</label>
                                            </div>
                                            <input type="text" class="form-control datepicker" name='from' id="from" value="{{Request::get('from')}}">
                                            <div class="input-group-append">
                                                <span class="input-group-text fs-xl">
                                                    <i class="fal fa-calendar"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="padding:0px;" class="form-group col-md-3 pl-md-3 custom-interval {{Request::input('period') == 'custom interval' ? '' : 'hidden'}}">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                            <label class="input-group-text" for="to">{{ __('invoices.to') }}</label>
                                            </div>
                                            <input type="text" class="form-control datepicker" name='to' id="to" value="{{Request::get('to')}}">
                                            <div class="input-group-append">
                                                <span class="input-group-text fs-xl">
                                                    <i class="fal fa-calendar"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div style="padding:0px;" class="col-md-3 pl-md-3">
                                        <div class="d-flex justify-content-between">
                                            <div>
                                                <button type="submit" class="btn btn-success">
                                                    <i class="fas fa-filter"></i>
                                                    {{ ' ' . __('buttons.filter') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    <div><br>
                      @can('create-billing')
                      <a href="{{ route('consignment-notes.create') }}">
                          <button
                              class="btn btn-primary waves-effect waves-themed float-right"
                              title="{{ __('invoices.create') }}"  >
                              <i class="fas fa-plus"></i>
                          </button>
                      </a>
                      @endcan
                  </div>
                  <div id="content-table-quotes">
                     <table id="invoicesTable" class="table table-bordered table-hover table-striped w-100">
                          <thead>
                            <tr>
                              <th scope="col">{{ __('invoices.taxid') }}</th>
                              <th scope="col">{{ __('invoices.company') }}</th>
                              <th scope="col">{{ __('invoices.number') }}</th>
                              <th scope="col">{{ __('invoices.date') }}</th>
                              <th scope="col">{{ __('invoices.amount') }}</th>
                              <th scope="col">{{ __('invoices.currency') }}</th>
                              <th scope="col">{{ __('invoices.exchange') }}</th>
                              <th scope="col">{{ __('invoices.status') }}</th>
                              <th scope="col">{{ __('invoices.actions') }}</th>
                              <th scope="col">{{ __('invoices.stamped_invoice') }}</th>
                            </tr>
                          </thead>
                          <tbody>
                                @foreach($invoices as $invoice)
                                    <tr>
                                        <td>{!! $invoice->customer_rfc !!}</td>
                                        <td>{!! $invoice->customer_name !!}</td>
                                        <td>{!! $invoice->folio !!}</td>
                                        <td>{!! date("d-m-Y", strtotime($invoice->created_at)) !!}</td>
                                        <td class="text-right">{!! number_format($invoice->total, 2, '.', ',') !!}</td>
                                        <td class="text-right">{{$invoice->currency}}</td>
                                        <td class="text-right">{!! number_format($invoice->currency_to_mxn, 2, '.', ',') !!}</td>
                                        <td>
                                            @if(!$invoice->cfdi_status)
                                                <span class="badge badge-warning">
                                            @elseif($invoice->cfdi_status == 'timbra')
                                                <span class="badge badge-success-green">
                                            @elseif($invoice->cfdi_status == 'cancel')
                                                <span class="badge badge-danger-red">
                                            @elseif($invoice->cfdi_status == 'cancel in progress')
                                                <span class="badge badge-danger-red">
                                            @else
                                                <span class="badge badge-default">
                                            @endif
                                                {{$invoice->cfdiStatusHuman()}}
                                                &nbsp; <i class="fas fa-envelope {{$invoice->send_email ? '' : 'hidden'}}" data-original-title="{{__('invoices.send_email')}}" data-bs-toggle="tooltip"></i>
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <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('edit-billing')
                                                    <a class="dropdown-item {{$invoice->stampable() ? '' : ' disabled'}}"
                                                        href="{{ route('consignment-notes.edit',$invoice->id)}}">
                                                        <i class="fas fa-edit"></i>{{ " " . __('consignment-notes.editconsignmentnote') }}
                                                    </a>
                                                    @endcan
                                                    @can('watch-billing')
                                                    <a style="text-decoration:none !important" class="dropdown-item {{$invoice->stampable() ? '' : ' disabled'}}"
                                                        href="{{ route('invoices.print-consignment',$invoice->id)}}"
                                                        target="_blank">
                                                        <i class="fas fa-file-pdf"></i>{{ " " . __('invoices.topdf') }}
                                                    </a>
                                                    @endcan
                                                    <div class="dropdown-divider border-secondary"></div>
                                                    @can('delete-billing')
                                                        <a class="dropdown-item text-danger {{$invoice->stampable() ? '' : ' disabled'}}"
                                                        onclick="$('#formDel').attr('action', '{{ route('consignment-notes.destroy',$invoice->id)  }}');"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#modalDelete">
                                                        <i class="fas fa-trash-alt"></i>{{ ' ' . __('consignment-notes.deleteconsignmentnote') }}
                                                    </a>
                                                    @endcan
                                                </div>
                                            </div>
                                          </td>
                                        <td class="text-center">
                                            @include('billing::Mexico.consignment-notes.partials.index.cfdi_buttons')
                                        </td>
                                    </tr>

                                @endforeach
                          </tbody>
                        </table>
                    <div>

                    </div>
                </div>

              </div>
          </div>
      </div>
  </div>
  </div>
  @include('billing::Mexico.consignment-notes.partials.index.modal_delete_consignment')
  @include('billing::Mexico.consignment-notes.partials.index.modal_consignment_cancel')
  @include('billing::Mexico.consignment-notes.partials.index.modal_email')
@endsection

@section('footerScript')
  <script src="{{url('js/crm/app.billing.js?v=2.3.6')}}"></script>
@stop