@extends('layouts.app')

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

@section('controller-data', 'common:datatable;fundCorrelations: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.fund_correlations') }}</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 datatable-filter-container">
                <form id="index-form-filters" action="{{ route($route . '.index') }}" method="POST" autocomplete="off">
                    @method('POST')
                    @csrf
                    
                    <div class="row">
                        <div class="input-group col-md-3">
                            <input type="text" class="form-control" name="delta_code" placeholder="{{ __('app.delta_code') }}" autocomplete="off" autocorrect="off" />
                        </div>
                        
                        <div class="input-group col-md-3">
                            <input type="text" class="form-control" name="www_code" placeholder="{{ __('app.www_code') }}" autocomplete="off" autocorrect="off" />
                        </div>
                        
                        <div class="col-md-3 filter-buttons">
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger protip filter-btn-clean" id="clear-filters" data-pt-position="bottom" data-pt-title="{{ __('app.clean_search') }}">
                                    <i class="fa fa-times" aria-hidden="true"></i>
                                </button>
                                <button type="button" class="btn btn-primary protip filter-btn-search" id="set-filters" data-pt-position="bottom" data-pt-title="{{ __('app.search') }}">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            
            @if(count($records) > 0)
            <div class="box-body table-responsive no-padding datatable-table-container">
                <table id="index-table" class="table table-sm table-hover datatable-table">
                    <thead>
                        <tr>
                            <th>{{ __('app.delta_code') }}</th>
                            <th>{{ __('app.www_code') }}</th>
                            <th>{{ __('app.actions') }}</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>{{ __('app.delta_code') }}</th>
                            <th>{{ __('app.www_code') }}</th>
                            <th>{{ __('app.actions') }}</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            @else
            <div class="box-body">
                <div class="row">
                    <div class="col-12 text-center">
                        <i class="fa-solid fa-user-tie fa-8x"></i>
                    </div>
                    <div class="col-12 mt-3 text-center">
                        <h4>{!! __('app.empty_fund_correlations') !!}</h4>
                    </div>
                    <div class="col-12 mt-3 text-center">
                        <a class="btn btn-primary btn-lg" href="{{ route($route . '.create') }}">{{ __('app.create_fund_correlation') }}</a>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection