@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.deposits.store') }}">
            @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="inc"
                                value="0" id="basic-icon-default-fullname"
                                placeholder="واریز" aria-label=""
                                aria-describedby="basic-icon-default-fullname2">
                    </div>
                    <small> تومان </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 type="text" class="form-control h-number" name="dec"
                                value="0" id="basic-icon-default-fullname"
                                placeholder="برداشت" aria-label=""
                                aria-describedby="basic-icon-default-fullname2">
                    </div>
                    <small> تومان </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="user_id" class="form-select form-select-lg">
                            <option disabled selected value="null">انتخاب نشده </option>
                            @foreach(\App\Models\User::query()->where('verified_at', '!=', null)->orderBy('first_name')->get() as $user)
                                <option value="{{ $user->id }}"> {{ $user->id }} - {{ $user->first_name }} {{ $user->last_name }} - {{ $user->phone }} </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" 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 }}"> # {{ $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="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="" id="basic-icon-default-fullname"
                                placeholder="توضیح اضافی" aria-label="شماره تماس و توضیحات"
                                aria-describedby="basic-icon-default-fullname2">
                    </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