@extends('metronic.base')
@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#cuenta_contable_id').select2();
        });
    </script>
@endsection
@section('titulo')
    Correlativos
@endsection
@section('content')
    @include('sessions')


    <div class="col-md-12">
        <div class="card shadow-sm">
            <div class="card-header">
                <h3 class="card-title">Correlativos del banco {{ $banco->nombre_banco }} con número de cuenta {{ $cuenta->numero_cuenta }}</h3>
                <div class="card-toolbar">

                </div>
            </div>
            <div class="card-body">
                <form action="{{ route('corre.correguardar', $banco->id) }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-4">
                            <label for="">Inicial</label>
                            <input name="inicio" required type="number" class="form-control">
                        </div>

                        <div class="col-md-4">
                            <label for="">final</label>
                            <input name="final" required type="number" class="form-control">
                        </div>
                        <input type="hidden" name="cuenta" value="{{ $cuenta->id }}">
                        <div class="col-md-4">
                            <label for="">Prefix</label>
                            <input name="prefix" type="text" class="form-control">
                        </div>



                        <div class="col-md-4">
                            <button type="submit" class="btn btn-success mt-2 mb-2">Guardar </button>
                        </div>

                    </div>

                </form>

                <!-- Fin Mensaje Exito -->
                @if (count($correlativos) > 0)
                    <!-- Table -->
                    <h3 style="text-align: center">Bancos</h3>
                    <table class="table table-bordered">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Inicio</th>
                                <th scope="col">Final</th>
                                <th scope="col">Prefix</th>
                                <th scope="col">A usar</th>
                                <th scope="col">Activo</th>
                                <th scope="col">Activar</th>

                            </tr>

                            @foreach ($correlativos as $key => $value)
                                <tr @if ($value->activo == 1) class="table-danger" @endif>
                                    <td> {{ $key + 1 }} </td>
                                    <td> {{ str_pad($value->inicio, Str::length($value->final), '0', STR_PAD_LEFT) }} </td>
                                    <td>
                                        {{ $value->final }}
                                    </td>
                                    <td> {{ $value->prefix }} </td>
                                    <td> {{ str_pad($value->actual, Str::length($value->final), '0', STR_PAD_LEFT) }} </td>
                                    <td>
                                        @if ($value->activo == 1)
                                            <span class="badge bg-primary " style="color:aliceblue"> ACTIVO </span>
                                        @else
                                            <span class="badge bg-danger " style="color:aliceblue"> SIN ACTIVAR </span>
                                        @endif

                                    </td>

                                    <td>
                                        <a href="{{ route('corre.activar', $value->id) }}" class="btn btn-primary"><i
                                                class="fas fa-toggle-on"></i></a>
                                    </td>

                                </tr>
                            @endforeach
                        </thead>
                    </table>
                @else
                    <div class="alert alert-danger">
                        <strong>¡Opps! Parece que no tienes ningun correlativo registrado.</strong>
                    </div>
                @endif
            </div>

        </div>
    </div>
@endsection