@php
    $ccCount = $item->costCenters->count();
@endphp
<div class="row-container draft-item-row" data-item-id="{{ $item->id }}"
     data-update-url="{{ route('journals.draft.items.update', ['draftId' => $item->draft_id, 'itemId' => $item->id]) }}"
     data-delete-url="{{ route('journals.draft.items.delete', ['draftId' => $item->draft_id, 'itemId' => $item->id]) }}"
     @can('admin.cost_centers.view')
     data-costcenters-url="{{ route('journals.draft.items.costcenters', ['draftId' => $item->draft_id, 'itemId' => $item->id]) }}"
     data-costcenters-save-url="{{ route('journals.draft.items.costcenters.save', ['draftId' => $item->draft_id, 'itemId' => $item->id]) }}"
     @endcan
>
    <div class="row main-row align-items-center">
        <div class="col" style="flex: 2">
            <select class="form-control select2 account_id" autocomplete="off">
                <option value="">@Lang('admin.select')</option>
                @foreach ($accounts as $acc)
                    @if (sizeof($acc->sub_types) == 0)
                        <option value="{{ $acc->id }}" {{ (int)$acc->id === (int)$item->account_id ? 'selected' : '' }}>
                            {{ $acc->{'account_name_' . __('admin.lang')} . '-' . $acc->account_code }}
                        </option>
                    @endif
                @endforeach
            </select>
        </div>
        <div class="col">
            <select class="form-control custom-select band_type" autocomplete="off">
                <option value="1" {{ (int)$item->band_type === 1 ? 'selected' : '' }}>@Lang('admin.daen')</option>
                <option value="2" {{ (int)$item->band_type === 2 ? 'selected' : '' }}>@Lang('admin.madeen')</option>
            </select>
        </div>
        <div class="col">
            <input type="text" autocomplete="off" class="form-control textInput band_amount"
                   value="{{ $item->band_amount }}">
        </div>
        <div class="col">
            <input type="text" autocomplete="off" class="form-control textInput details"
                   value="{{ $item->details }}">
        </div>
        <div class="col item-actions">
            <span class="sync-status status-saved" title="@Lang('admin.all_items_saved')"><i class="fas fa-check-circle"></i></span>
            <a href="javascript:void(0)" class="icon-btn add-row-btn" title="@Lang('admin.add')">
                <i class="fas fa-plus-circle fa-icon"></i>
            </a>
            <a href="javascript:void(0)" class="icon-btn delete-item-btn" title="@Lang('admin.delete')">
                <i class="fas fa-trash-alt fa-icon"></i>
            </a>
            @can('admin.cost_centers.view')
                <a href="javascript:void(0)" class="icon-btn toggle-cc-btn" title="@Lang('admin.cost_center')">
                    <i class="fas fa-chevron-down fa-icon"></i>
                    @if($ccCount > 0)
                        <span class="badge bg-info cc-count">{{ $ccCount }}</span>
                    @endif
                </a>
            @endcan
        </div>
    </div>
    @can('admin.cost_centers.view')
        <div class="row accordion-content cost-center-container" style="display:none;" data-loaded="0"></div>
    @endcan
</div>