@extends('layouts/contentNavbarLayout')

@section('title', 'گزارش انبار')

@section('vendor-style')
    <link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}">
@endsection

@section('vendor-script')
    <script src="{{asset('assets/vendor/libs/apex-charts/apexcharts.js')}}"></script>
@endsection

@section('page-script')
    <script src="{{asset('assets/js/dashboards-analytics.js')}}"></script>
@endsection

@section('content')


    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light"></span> گزارش انبار و کالا
    </h4>

    <br>
{{--    @foreach($stock->codes as $code)--}}
{{--        <h5 class="card-header"> موجودی اول دوره {{ $code->name }} : {{ ($code->firstPin ? $code->firstPin->left : 'بدون موجودی اولیه')  }} </h5>--}}
{{--    @endforeach--}}
    <br>
    <div class="card-body mb-5">
        <form method="get">
            @include('components.errors')
            <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">نام</label>
                <div class="col-sm-12">
                    <div class="input-group input-group-merge justify-content-end">
                        <button type="submit" class="btn btn-primary">جستجو</button>
                        <span id="basic-icon-default-fullname2" class="input-group-text"><i
                                    class="bx bx-file"></i></span>
                        <input type="text" class="form-control" style="max-width: 20rem" name="q"
                               value="{{ $_GET['q'] ?? ''}}" id="basic-icon-default-fullname"
                               placeholder="جستجو" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="card">
        <h5 class="card-header"> گزارش انبار و کالا </h5>
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>کد</th>
                    <th>افزایش</th>
                    <th>کاهش</th>
                    <th>مانده در این تاریخ</th>
                    <th>ایجاد شده در</th>
                    {{--                    <th>عملیات</th>--}}
                </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                @foreach($inventory->items() as $index => $row)
                    @php($row = $row->toArray())
                    <tr>
                        <td><i class="fab fa-angular fa-lg text-danger me-3"></i> <strong>{{ $index + 1 }}</strong></td>
                        <td><i class="fab fa-angular fa-lg"></i><a href="{{ route('dashboard.stocks.show', ($row['stock'] ? $row['stock']['id'] : 0)) }}">
                                {{ $row['stock']['name'] ?? 'محصول حذف شده' }}</a>
                            - <a href="{{ route('dashboard.stocks.codes.edit', $row['code']['id']) }}">
                                {{ $row['code']['name'] ?? 'کد حذف شده' }}</a></td>
                        <td><i class="fab fa-angular fa-lg"></i>{{ $row['inc_count'] }}</td>
                        <td><i class="fab fa-angular fa-lg"></i>{{ $row['dec_count'] }}</td>
                        <td><i class="fab fa-angular fa-lg"></i>{{ $row['left'] }}</td>
                        <td><i class="fab fa-angular fa-lg"></i>{{ date('Y-m-d H:i:s', strtotime($row['created_at'])) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="pagination p-3">
        {!!  $inventory->links('pagination::bootstrap-5') !!}
    </div>
@endsection