@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>
{{--    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>--}}
    <script>
        $(document).ready(function () {
            $('.meterage-input, .metrage-price-input').on('input', function () {
                const row = $(this).closest('tr');
                const meterage = parseFloat(row.find('.meterage-input').val()) || 0;
                const metragePrice = parseFloat(row.find('.metrage-price-input').val().replaceAll(',', '')) || 0;

                // Calculate the price as a float
                let price = meterage * metragePrice;

                // Format the number as a string with a comma separator and no decimal places
                price = price.toLocaleString('en-US', { style: 'decimal', maximumFractionDigits: 0 });

                row.find('.price-cell').text(price);
            });
        });
    </script>
@endsection

@section('content')

    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light">کالیته /  لیست /</span> {{ $qualityRequest['id'] }}
    </h4>

    <div class="card-body mb-5">
        <form method="post" enctype="multipart/form-data"
              action="{{ route('dashboard.requests.qualities.update',$qualityRequest['id']) }}">
            @csrf
            @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-10">
                    <div class="input-group text-right justify-content-end input-group-merge">
{{--                        <span id="basic-icon-default-fullname2" class="input-group-text"><i--}}
{{--                                    class="bx bx-file"></i></span>--}}
                        <a href="{{ route('dashboard.users.show', $qualityRequest['user_id']) }}">
                            {{ ($qualityRequest['user']['first_name'] ?? '') . ' - ' . ($qualityRequest['user']['last_name'] ?? '') }}
{{--                        <input  type="text" class="form-control" disabled value=""--}}
{{--                               id="basic-icon-default-fullname" placeholder="Title" aria-label="نام"--}}
{{--                               aria-describedby="basic-icon-default-fullname2">--}}
                        </a>
                    </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 bxs-factory"></i></span>
                        <input  type="text" class="form-control" name="address" disabled value="{{ ($qualityRequest['user']['address'] ?? '') }} - {{ $qualityRequest['user']['phone'] ?? '' }}"
                               id="basic-icon-default-fullname" placeholder="آدرس   " 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 bxs-phone"></i></span>
                        <input  type="text" class="form-control" name="phone_number" disabled value="{{ ($qualityRequest['user']['phone_number'] ?? '') }}"
                               id="basic-icon-default-fullname" placeholder="شماره تماس و توضیحات" 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="mt-2 mb-3">
                        <select id="defaultSelect" name="status" class="form-select form-select-lg">
                            <option {{ $qualityRequest['status'] == 0 ? 'selected' : null }} disabled>در انتظار تایید </option>
                            <option {{ $qualityRequest['status'] == 1 ? 'selected' : null }} value="1">در انتظار ارسال</option>
                            <option {{ $qualityRequest['status'] == 2 ? 'selected' : null }} value="2">ارسال شده</option>
                            <option {{ $qualityRequest['status'] == 3 ? 'selected' : null }} value="3">رد شده</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="input-group input-group-merge">
                        <span id="basic-icon-default-fullname2" class="input-group-text"><i
                                    class="bx bx-file"></i></span>
                        <textarea  type="text" class="form-control" name="desc"
                               id="basic-icon-default-fullname" placeholder="توضیحات مورد نظر خود را بنویسید. این توضیحات هنگام تغییر وضعیت فاکتور به کاربر ارسال می‌شود" aria-label="نام"
                               aria-describedby="basic-icon-default-fullname2">{{ $qualityRequest['desc'] ?? '' }}</textarea>
                    </div>
{{--                    <small class="text-danger"> این مقدار به صورت خودکار پر خواهد شد. در صورت تغییر دقت داشته باشید قیمت آیتم‌های فاکتور را تغییر ندهید. </small>--}}
                </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>
    <h5 class="card-header"> کالیته‌های {{ $qualityRequest['id'] }} </h5>
    <div class="row">
        <h3>جزئیات کالیته</h3>
        <div class="col-md-12 overflow-auto">
        <form method="post" enctype="multipart/form-data"
              action="{{ route('dashboard.requests.qualities.products.update', $qualityRequest['id']) }}">
            <table class="table table-striped" style="min-width: 38rem;">
                <thead>
                <tr class="line">
                    <td><strong>#</strong></td>
                    <td class="text-center"><strong>نام محصول</strong></td>
                    <td class="text-center"><strong>تعداد درخواستی</strong></td>
                </tr>
                </thead>
                <tbody>

                    @foreach($qualityRequest['products'] as $index => $row)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td><strong>{{ $row['product']['name'] }}</strong></td>
                            <td class="text-center">
                                <input type="number" class="text-center form-control "
                                       name="quality_product[{{$row['id']}}][count]" value="{{ ($row['count']) }}" id="basic-icon-default-fullname"
                                       placeholder="تعداد" aria-label="تعداد" aria-describedby="basic-icon-default-fullname2">
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="row justify-content-end">
{{--                <div class="col-sm-10">--}}
                    <button type="submit" class="btn btn-primary">به روز رسانی اقلام درخواست کالیته</button>
{{--                </div>--}}
            </div>
        </form>
        </div>
    </div>


@endsection