@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>

    <div class="card-body mb-5">
        <form method="post" enctype="multipart/form-data" action="{{ route('dashboard.bills.update', $bill['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 input-group-merge">
                        <span id="basic-icon-default-fullname2" class="input-group-text"><i
                                    class="bx bx-file"></i></span>
                        <input  type="text" class="form-control h-number" name="user_id" value="{{ $bill['user'] ? $bill['user']['first_name'].' '. $bill['user']['last_name'] : 'کاربر حذف شده' }}"
                                id="basic-icon-default-fullname" placeholder="کاربر" disabled aria-label="نام"
                                aria-describedby="basic-icon-default-fullname2">
                    </div>
                </div>
            </div>

            <div class="mb-5 mt-5">
                <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">
                        @if($bill['file'])
                            <div style="min-width: 20rem; height: auto" class="text-center m-auto overflow-hidden">
                                <img src="/storage/bills/{{ $bill['user_id'].DIRECTORY_SEPARATOR.$bill['id'].DIRECTORY_SEPARATOR.$bill['file'] }}" alt="">
                            </div>
                        @else
                            <h3 class="w-100 text-center opacity-75"> تصویری ارسال نشده است! </h3>
                        @endif
                    </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  type="text" class="form-control h-number" required name="bill_amount" value="{{ $bill['bill_amount'] ?? '0' }}"
                               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 bx-file"></i></span>
                        <input  type="text" class="form-control" name="desc" value="{{ $bill['desc'] }}"
                               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="invoice_id" class="form-select form-select-lg">
                            <option value="">انتخاب نشده </option>
                            @foreach(\App\Models\Invoice::query()->orderByDesc('id')->take(100)->get() as $invoice)
                                <option value="{{ $invoice->id }}" {{ $bill['invoice_id'] == $invoice->id ? 'selected' : null }}>
                                    # {{ $invoice->id }}
                                </option>
                            @endforeach
                        </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" required name="status" class="form-select form-select-lg">
                            <option value="0" {{ $bill['status'] == 0 ? 'selected' : '' }}>در انتظار تایید</option>
                            <option value="1" {{ $bill['status'] == 1 ? 'selected' : '' }}>تایید شده</option>
                            <option value="2" {{ $bill['status'] == 2 ? 'selected' : '' }}>رد شده</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>


@endsection