@extends('layouts.app')

@section('breadcrumbs')
    @include('_includes.breadcrumbs', [
        'data' => [
            ['route' => route('home'), 'name' => 'Inicio'],
            ['route' => '', 'name' => 'Reportes'],
            ['route' => '', 'name' => 'Movimientos Bancarios']
        ],
        'show_add_button' => false
    ])
@endsection

@section('content')

    <div id="center">
        <div class="filters print-multi">
            <div>
                <form class="ui form" method="GET" action="{{ route('reportes.bancos') }}">
                    {!! csrf_field() !!}

                    <div class="field">
                        <label>
                            FECHA INICIAL
                        </label>
                        <input
                                name="fecha_inicial"
                                id="fecha_inicial"
                                data-language="es"
                                value="@if(Input::has('fecha_inicial')) {{ Input::get('fecha_inicial') }} @else {{ Carbon\Carbon::now()->format('Y-m-d') }} @endif"
                        >
                    </div>

                    <div class="field">
                        <label>
                            FECHA FINAL
                        </label>
                        <input
                                name="fecha_final"
                                id="fecha_final"
                                data-language="es"
                                value="@if(Input::has('fecha_final')) {{ Input::get('fecha_final') }} @else {{ Carbon\Carbon::now()->format('Y-m-d') }} @endif"
                        >
                    </div>

                    <div class="field">
                        <label>
                            CUENTA
                        </label>
                        <select name="id_cuenta" class="ui dropdown" style="width: 260px;">
                            @foreach($cuentas as $cuenta)
                                <option @if($id_cuenta == $cuenta->id) selected @endif value="{{ $cuenta->id }}">{{ ucfirst($cuenta->banco->nombre) }} {{ ucfirst($cuenta->tipo) }} {{ $cuenta->numero }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field">
                        <button class="ui button">CONSULTAR</button>
                    </div>
                </form>
            </div>
            <div>
                @if(!$movimientos->isEmpty())
                <button class="ui basic button print">
                    <i class="fa fa-print"></i>
                    IMPRIMIR
                </button>
                @endif
            </div>
        </div>
        <div class="spacer"></div>
        <div class="spacer"></div>

        @if(!$movimientos->isEmpty())
            <div class="encabezado solo-imprimir">
                <div class="print-multi" style="align-items: center;">
                    <div class="logo">
                        <img style="max-width: 150px; height: auto;"
                             src="{{ asset('images/logo-arjona-avanza-recibo.png') }}">
                    </div>

                    <div class="titulo-reporte">
                        <h1 style="font-weight: 700; font-size: 2em;">Cuentas Bancarias</h1>
                    </div>
                </div>

                <div class="spacer"></div>
                <div class="spacer"></div>
            </div>

            <table class="data">
                <thead>
                    <tr>
                        <th style="width: auto; max-width: none; text-align: left;">Fecha Movimiento</th>
                        <th>Concepto</th>
                        <th>Cuenta</th>
                        <th style="text-align: right;">Valor</th>
                        <th style="text-align: right;">Saldo</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach($movimientos as $movimiento)