@extends('layouts.app')
@section('titulo', 'Pagos')
@section('titulo_card', 'Lista de Pagos')
@section('content')
    <div class="row">
        <div class="col">
            @livewire('pagos-table')
        </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" media="all" type="text/css" href="{{ asset('build/css/select2.min.css') }}" />
    <link rel="stylesheet" media="all" type="text/css" href="{{ asset('build/css/select2-bootstrap4.min.css') }}" />
    @if (Auth::user()->tema == 'oscuro')
        <style>
            .select2-search {
                background-color: #343A40 !important;
            }

            .select2-search input {
                color: #ffffff !important;
                background-color: #343A40 !important;
            }

            .select2-results {
                background-color: #343A40 !important;
            }
        </style>
    @endif

    @if (Auth::user()->tema == 'oscuro')
        <link rel="stylesheet" media="all" type="text/css" href="{{ asset('css/daterangepicker-dark.css') }}" />
    @else
        <link rel="stylesheet" media="all" type="text/css" href="{{ asset('css/daterangepicker.css') }}" />
    @endif
@endsection
@section('js')
    <script src="{{ asset('js/momentjs.js') }}"></script>
    <script src="{{ asset('js/daterangepicker.js') }}"></script>
    <script src="{{ asset('js/helper.js') }}"></script>
    @include('layouts.fechadp')
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
@endsection