@can('access', 'pluspagos.export')
    <div class="p-2 m-0">
        <button class="btn btn-labeled btn-labeled-left bg-info mb-3" style="display:block; width: 100%;" data-toggle="modal" data-target="#export-modal">
            <b>
                <i class="fa fa-arrow-down"></i>
            </b>
            Exportar cobros
        </button>
    </div>
    

@push('scripts')
    <div id="export-modal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Exportar cobros realizados</h5>
                    <button class="close" type="button" data-dismiss="modal">&times;</button>
                </div>
                <form
                    action="{{ route('pluspagos.export') }}"
                    method="GET"
                >
                    <div class="modal-body">
                        <div class="form-group">
                            <x-fielddate label='Fecha desde' name='startdate' :data='$data' />
                        </div>
                        <div class="form-group">
                            <x-fielddate label='Fecha hasta' name='enddate' :data='$data' />
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-warning">
                            Exportar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endpush
@endcan