@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> {{ $stock['name'] }}
    </h4>

        <div class="card-body mb-5">
            <form method="post" enctype="multipart/form-data" action="{{ route('dashboard.stocks.update') }}">
                @csrf
                @include('components.errors')
                <input type="text" name="id" hidden value="{{ $stock['id'] }}">
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">نام</label>
                    <div class="col-sm-10">
                        <div class="input-group input-group-merge">
                            <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                            <input required type="text" class="form-control" name="name" value="{{ $stock['name'] ?? '-' }}" id="basic-icon-default-fullname" placeholder="Title" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                        </div>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">حداقل قیمت</label>
                    <div class="col-sm-10">
                        <div class="input-group input-group-merge">
                            <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                            <input required type="text" class="form-control h-number" name="price" value="{{ $stock['price'] ?? '0' }}" id="basic-icon-default-fullname" placeholder="قیمت" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                        </div>
                        <small>{{ $stock['price'] ? number_format($stock['price']) : '0' }}</small>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">حداکثر قیمت</label>
                    <div class="col-sm-10">
                        <div class="input-group input-group-merge">
                            <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                            <input required type="text" class="form-control h-number" name="max_price" value="{{ $stock['max_price'] ?? '0' }}" id="basic-icon-default-fullname" placeholder="قیمت" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                        </div>
                        <small>{{ $stock['price'] ? number_format($stock['max_price']) : '0' }}</small>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">وضعیت</label>
                    <div class="col-sm-10">
                        <div class="mt-2 mb-3">
                            <select id="defaultSelect" name="status" class="form-select form-select-lg">
                                <option {{ $stock['status'] == 0 ? 'selected' : null }} disabled>انتخاب نشده</option>
                                <option {{ $stock['status'] == 1 ? 'selected' : null }} value="1" >فعال</option>
                                <option {{ $stock['status'] == 2 ? 'selected' : null }} value="2" >غیرفعال</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">نوع</label>
                    <div class="col-sm-10">
                        <div class="mt-2 mb-3">
                            <select id="defaultSelect" name="type" class="form-select form-select-lg">
                                <option {{ $stock['type'] == 0 ? 'selected' : null }} disabled>انتخاب نشده</option>
                                <option {{ $stock['type'] == 1 ? 'selected' : null }} value="1">طاقه‌ایی</option>
{{--                                <option {{ $stock['type'] == 2 ? 'selected' : null }} value="2">متری</option>--}}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-end">
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-primary">ارسال</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="row justify-content-end pb-3 pt-1">
            <a href="{{ route('dashboard.stocks.report', ['stock' => $stock['id']]) }}" class="col-sm-12">
                <button type="submit" class="btn btn-info"><i class="bx bx-file"></i>گزارش انبار </button>
            </a>
        </div>
        <div class="row justify-content-end pb-3 pt-1">
            <a href="{{ route('dashboard.stocks.codes.create', ['stock' => $stock['id']]) }}" class="col-sm-12">
                <button type="submit" class="btn btn-secondary"><i class="bx bx-plus"></i>ایجاد کد محصول جدید</button>
            </a>
        </div>
    <div class="card">
        <h5 class="card-header">کد های {{ $stock['name'] }} </h5>
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>نام</th>
                    <th>تعداد</th>
                    <th>قیمت</th>
                    <th>ایجاد شده در</th>
                    <th>عملیات</th>
                </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                @foreach($stock['codes'] as $row)
                    <tr>
                        <td><i class="fab fa-angular fa-lg text-danger me-3"></i> <strong>{{ $row['id'] }}</strong></td>
                        <td>{{ $row['name'] }}</td>
                        <td>{{ $row['count'] ?? '-' }}</td>
                        <td>{{ $row['price'] ? number_format($row['price']) : '-' }}</td>
                        <td>{{ $row['created_at'] ? date('Y-m-d H:i:s', strtotime($row['created_at'])) : '-' }}</td>
                        <td>
                            <div class="dropdown disabled">
                                <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="{{ route('dashboard.stocks.codes.edit', ['code' => $row['id']]) }}"><i class="bx bxs-pencil me-1"></i> ویرایش</a>
                                    <a class="dropdown-item" href="{{ route('dashboard.stocks.codes.report', ['code' => $row['id']]) }}"><i class="bx bxs-report me-1"></i>گزارش انبار</a>
                                    <a class="dropdown-item text-danger" href="{{ route('dashboard.stocks.codes.destroy', ['code' => $row['id']]) }}"><i class="bx bxs-trash me-1"></i> حذف</a>
{{--                                    <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>--}}
                                </div>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection