@extends('layouts.dashboard')
@section('css')
@endsection
@section('js')
    <script src="{{ asset('js/controlPagos/main.js?version=' . version_js_cfdi()) }}"></script>
@endsection
@section('content')
    <style>
        span.select2-selection.select2-selection--single {
            height: calc(1.8rem + 2px);
            border: 1px solid #ced4da;
        }

        .select2-selection__placeholder {
            font-size: 0.7rem;
        }

        .select2-search__field {
            font-size: 0.7rem;
        }

        .select2-selection__arrow {
            display: none;
        }

        .select-catalogo-dropdown {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: block;
        }

        .select-catalogo-ul {
            height: 200px;
            overflow: auto;
        }

        .select2-results__option .select2-results__option--selectable .select2-results__option--selected .select2-results__option--highlighted .select-catalogo-li:hover {
            color: white;
            background: #1da1f2;
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        .hover:hover {
            background-color: #0c848c !important
        }

        .btnImpuestos {
            color: #0c848c;
            border: none;
            background-color: rgba(255, 255, 255, 0);
        }

        .btnImpuestos:hover {
            color: white;
            background-color: #0c848c;
        }

        .modal-backdrop {
            z-index: -1 !important;
        }

        input::placeholder {
            color: rgba(230, 227, 227, 0.567);
            font-style: italic;
        }
    </style>
    <script></script>

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">

            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ url('/control/pagos/cuentas') }}">Cuenta</a></li>
                            <li class="active breadcrumb-item" aria-current="page"> <strong
                                    class="font_montserrat_negritas span_primario_3_naranja_dinbox">Nueva</strong>
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="alert alert-danger alert-dismissable col-4 msg_danger"
        style="text-align: center;margin: auto;margin-bottom: 1rem;display:none">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <strong id="msg_danger">La factura ya esta pagada en su totalidad, no se puede agregar nueva parcialidad.</strong>
    </div> --}}
    @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

    <div class="content">
        <form action="{{ url('/control/pagos/cuentas/store') }}" method="POST" id="form_cuenta_bancaria" autocomplete="off">
            @csrf
            <div class="animated fadeIn">
                <div class="row datos-generales" style="font-size: 14px; display: flex;">
                    <div class="col-lg-12 mb-4">
                        <div class="card mb-3">
                            <div class="card-header">
                                Información de registro de la cuenta
                            </div>
                            <div class="card-body">
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Banco:
                                            {{-- <span id="parcialidad_pagar"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-3">
                                        <select name="txt_banco" id="txt_banco" class="form-control">
                                           @php
                                                echo (strpos($bancos,"'CC1'"))?str_replace("'CC1'","'CC1' selected",$bancos):$bancos;
                                           @endphp
                                        </select>
                                    </div>
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Numero de cuenta
                                        </label>
                                    </div>
                                    <div class="col-md-3">
                                        <input type="text" id="txt_num_cuenta" name="txt_num_cuenta"
                                            class="form-control text-right" placeholder=" XXXX-XXXX-XXXX-XXXX" maxlength="25">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col-md-3">
                                        <label for="text-input" class=" form-control-label">Alias:
                                            {{-- <span id="parcialidad_pagar"></span> --}}
                                        </label>
                                    </div>
                                    <div class="col-md-9">
                                        <input class="form-control text-right widget-numbers text-success " type="text"
                                            name="txt_alias" id="txt_alias"
                                            value="" placeholder="ejmplo: cuenta bancaria AZTECA">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div>
                                {{-- <input type="hidden" name="txt_id_comprobante" value="{{ $id_comprobante }}"> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 accion_btns" style="margin-bottom: 20px; text-align:center;">
                        <button type="button" class="mb-2 mr-2 btn-icon btn btn-primary" onclick="cuentas_bancarias.validar(this);"
                            id="submit_pago" name="submit_pago" value="submit_pago">
                            <i class="fa fa-lock fa-save btn-icon-wrapper"> </i>
                            Registrar
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection