@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
    <link href="{{ asset('css/firma.css') }}" rel="stylesheet">
@endsection
@section('content')
    @include('layouts.header_titulo')

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif
    @if (session('danger'))
        <div class="col-md-12 text-center">
            <div class="alert alert-danger alert-dismissable col-md-12" style="word-break:break-all" role="progressbar"
                aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>{!! session('danger') !!}</strong>
            </div>
        </div>
    @endif

    @if (session('id_comprobante'))
        @include('pagos.store')
    @endif
    @if (empty(session('id_comprobante')))
        @can('cfdi.create')
        <div class="btn-toolbar mb-3 d-flex justify-content-end" role="toolbar" aria-label="Toolbar with button groups">
            <div class="btn-group mr-2" role="group" aria-label="First group" style="display: none">
                {{-- <a href="{{ route('cfdi.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i>&nbsp;&nbsp; Nuevo comprobante&nbsp;&nbsp;</a> --}}
                <button type="button" class="btn btn-primary" id="modal_cuentas_bancarias" data-toggle="modal" data-target=".view_cuentas_bancarias"
                data-backdrop="static" data-keyboard="false">
                    <i class="fa fa-solid fa-dollar-sign btn-icon-wrapper"> </i> Registrar pagos
                </button>
            </div>
            <div class="btn-group mr-2" role="group" aria-label="First group">
                <a href="{{ route('cfdi.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i>&nbsp;&nbsp; Nuevo comprobante&nbsp;&nbsp;</a>
                {{-- <button type="button" class="btn btn-primary">
                    <i class="fa fa-solid fa-dollar-sign btn-icon-wrapper"> </i> Registrar pagos
                </button> --}}
            </div>
            @if (stripos(session('ses_plan_emisor'), 'delorean') !== false&&$validate_delorian)
                <div class="btn-group mr-2" role="group" aria-label="First group">
                    <a href="{{ route('retro.cfdi.create',[true]) }}" class="btn btn-primary"><i class="fa fa-plus"></i>&nbsp;&nbsp; Nuevo CFDI retro&nbsp;&nbsp;</a>
                    {{-- <button type="button" class="btn btn-primary">
                        <i class="fa fa-solid fa-dollar-sign btn-icon-wrapper"> </i> Registrar pagos
                    </button> --}}
                </div>
            @endif
        </div>
        @endcan
        <div class="main-card mb-3 card-body">
            <livewire:cfdi.table-cfdi-nativa>
                {{-- <div class="card-body">
                    <div class="dataTables_wrapper dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="col-sm-12" id="card_cancelacion">
                                    <livewire:cfdi.barra-filtros-cfdi>
                                    <livewire:cfdi.table-cfdi>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
        </div>
        <button style="display:none" ></button>
    @endif
@endsection
@section('js')
    <script src="{{ asset('js/firma.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/cancelacion/status.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/complementoPagos/timbrar.js?version=2.0') }}"></script>
    <script src="{{ asset('js/receptores/_actions.js?version=' . version_js()) }}"></script>
    {{-- <!-- InputMask -->
    <script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
    <!-- date-range-picker -->
    <script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script> --}}
@endsection
@include('modal.nota_interna')
@include('modal.cuentas_bancarias')