@extends('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')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de correlativos para {{ $banco->banco->nombre_banco }}</li>
    </ol>
</nav>

@include('sessions')


<form action="{{ route('corre.correguardar', $banco->id) }}" method="POST">
    <p>Banco: {{ $banco->banco->nombre_banco }}</p>
    <p>Numero cuenta: {{ $banco->numero_cuenta }}</p>
    @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>

        <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">
    <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
<script>

@endsection