@extends('layouts.app')

@section('title', __('app.funds'))

@section('controller-data', 'common:datatable;funds:index')

@section('breadcrumb')
<li class="breadcrumb-item">
    <a href="/"><i class="fas fa-home"></i> {{ __('app.home') }}</a>
</li>
<li class="breadcrumb-item active">{{ __('app.funds') }}</li>
@endsection

@section('content')
<input type="hidden" id="records-quantity" value="{{ $paginationRecordQuantity }}" />
<input type="hidden" id="crud-route" value="{{ $route }}" />

<div class="row">
    <div class="col-md-12">
        @include('flash-message')
        
        <div class="box">
            <div class="box-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="period-selection">{{ __('app.period') }}</label>
                            <select class="form-control" id="period-selection">
                                @foreach ($periods as $key => $value)
                                <option value="{{ $key }}" {{ $key == $periodId ? 'selected="selected"' : '' }}>{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="period-selection">{{ __('app.language_to_renderize') }}</label>
                            <select class="form-control" id="language-selection">
                                @foreach ($languages as $key => $value)
                                <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="box-body table-responsive no-padding datatable-table-container no-new-records">
                <table id="index-table" class="table table-sm table-hover datatable-table">
                    <thead>
                        <tr>
                            <th>{{ __('app.name') }}</th>
                            <th>{{ __('app.type') }}</th>
                            <th>{{ __('app.delta_code') }}</th>
                            <th>{{ __('app.www_code') }}</th>
                            <th>{{ __('app.period') }}</th>
                            <th>{{ __('app.actions') }}</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>{{ __('app.name') }}</th>
                            <th>{{ __('app.type') }}</th>
                            <th>{{ __('app.delta_code') }}</th>
                            <th>{{ __('app.www_code') }}</th>
                            <th>{{ __('app.period') }}</th>
                            <th>{{ __('app.actions') }}</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection