@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.cards.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" name="card_number"
                                value="" 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="shaba"
                                value="" 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="bank"
                                value="" 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="card_owner"
                                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