@extends('layouts.app')

@section('title', __('inventory_count.title'))

@section('content')
<section class="content-header">
    <h1>@lang('inventory_count.title')</h1>
</section>

<section class="content">
    @component('components.widget', ['class' => 'box-primary', 'title' => __('inventory_count.menu')])
        @slot('tool')
            @can('inventory_count.create')
                <div class="box-tools">
                    <a href="{{ route('inventory-counts.create') }}" class="tw-dw-btn tw-dw-btn-primary tw-text-white tw-dw-btn-sm">
                        <i class="fa fa-plus"></i> @lang('inventory_count.new_count')
                    </a>
                </div>
            @endcan
        @endslot

        <form method="GET" action="{{ route('inventory-counts.index') }}" class="row no-print" style="margin-bottom: 20px;">
            <div class="col-md-4">
                <label>@lang('inventory_count.search_product')</label>
                <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="{{ __('inventory_count.reference') }} / {{ __('inventory_count.name') }}">
            </div>
            <div class="col-md-3">
                <label>@lang('inventory_count.location')</label>
                <select name="location_id" class="form-control select2">
                    @foreach($locations as $id => $label)
                        <option value="{{ $id }}" {{ (string) request('location_id') === (string) $id ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label>@lang('inventory_count.status')</label>
                <select name="status" class="form-control select2">
                    <option value="">@lang('inventory_count.all_statuses')</option>
                    @foreach(\App\InventoryCount::getStatusOptions() ?? [] as $value => $label)
                        <option value="{{ $value }}" {{ request('status') === $value ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2" style="padding-top: 25px;">
                <button class="btn btn-primary"><i class="fa fa-filter"></i> Filter</button>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>@lang('inventory_count.reference')</th>
                        <th>@lang('inventory_count.name')</th>
                        <th>@lang('inventory_count.location')</th>
                        <th>@lang('inventory_count.scope')</th>
                        <th>@lang('inventory_count.progress')</th>
                        <th>@lang('inventory_count.variance_items')</th>
                        <th>@lang('inventory_count.status')</th>
                        <th>@lang('inventory_count.started_at')</th>
                        <th class="no-print">@lang('inventory_count.actions')</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($counts as $count)
                        @php
                            $progress = $count->items_count > 0
                                ? round(($count->counted_items_count / $count->items_count) * 100)
                                : 0;
                            $badge = [
                                'in_progress' => 'label-warning',
                                'submitted' => 'label-info',
                                'approved' => 'label-primary',
                                'posted' => 'label-success',
                                'cancelled' => 'label-default',
                            ][$count->status] ?? 'label-default';
                        @endphp
                        <tr>
                            <td><a href="{{ route('inventory-counts.show', $count) }}">{{ $count->reference_no }}</a></td>
                            <td>{{ $count->name }}</td>
                            <td>{{ optional($count->location)->name }}</td>
                            <td>{{ $count->scope_type === 'cycle' ? __('inventory_count.scope_cycle') : __('inventory_count.scope_full') }}</td>
                            <td style="min-width: 130px;">
                                <div class="progress" style="margin-bottom: 3px;">
                                    <div class="progress-bar" role="progressbar" style="width: {{ $progress }}%;">{{ $progress }}%</div>
                                </div>
                                <small>{{ $count->counted_items_count }} / {{ $count->items_count }}</small>
                            </td>
                            <td>
                                @if($count->blind_count && $count->status === \App\InventoryCount::STATUS_IN_PROGRESS && !auth()->user()->can('inventory_count.approve'))
                                    —
                                @else
                                    {{ $count->variance_items_count }}
                                @endif
                            </td>
                            <td><span class="label {{ $badge }}">{{ $count->status_label }}</span></td>
                            <td>{{ @format_datetime($count->started_at) }}</td>
                            <td class="no-print">
                                <a class="btn btn-xs btn-primary" href="{{ route('inventory-counts.show', $count) }}">
                                    <i class="fa fa-eye"></i> @lang('inventory_count.view')
                                </a>
                                @if($count->status === \App\InventoryCount::STATUS_IN_PROGRESS && auth()->user()->can('inventory_count.count'))
                                    <a class="btn btn-xs btn-success" href="{{ route('inventory-counts.count', $count) }}">
                                        <i class="fa fa-list-ol"></i> @lang('inventory_count.continue_count')
                                    </a>
                                @elseif($count->status === \App\InventoryCount::STATUS_SUBMITTED && auth()->user()->can('inventory_count.approve'))
                                    <a class="btn btn-xs btn-warning" href="{{ route('inventory-counts.count', $count) }}">
                                        <i class="fa fa-repeat"></i> @lang('inventory_count.review_recounts')
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9" class="text-center text-muted">@lang('inventory_count.no_counts')</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="text-center">{{ $counts->links() }}</div>
    @endcomponent
</section>
@endsection

@section('javascript')
<script>
    $(document).ready(function () {
        $('.select2').select2();
    });
</script>
@endsection