@extends('backend.template.layouts.template-base')

@section('title', 'Counter')
@section('content')
    <section>
        <div class="row">
            <div class="col-lg-12">
                <div class="card">

                    <form id="counter" action="{{ route('backend.template.counter.update') }}" method="post"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="card">
                            <div class="card-header align-items-center d-flex">
                                <h4 class="card-title mb-0 flex-grow-1">Counters</h4>
                            </div><!-- end card header -->
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="products">Products</label>
                                            <input id="products" name="products" type="text"
                                                placeholder="Enter the Products Count"
                                                value="{{ Arr::has($counter, 'products') ? $counter['products'] : null }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="installations" class="form-label">Installations</label>
                                            <input id="installations" name="installations"
                                                type="text" placeholder="Enter the Counts of Installtions"
                                                value="{{ Arr::has($counter, 'installations') ? $counter['installations'] : null }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="team_count" class="form-label">Team</label>
                                            <input id="team_count" name="team_count"
                                                type="text" placeholder="Enter the Count of team"
                                                value="{{ Arr::has($counter, 'team_count') ? $counter['team_count'] : null }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="customer_satisfaction" class="form-label">Customer Satisfaction</label>
                                            <input id="customer_satisfaction"
                                                name="customer_satisfaction" type="text"
                                                placeholder="Enter the Counts of Satisfied Customers"
                                                value="{{ Arr::has($counter, 'customer_satisfaction') ? $counter['customer_satisfaction'] : null }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xxl-3 mt-3 col-md-6">
                                        <button type="submit" class="btn btn-success btn-label right ms-auto"><i
                                                class="bx bx-right-arrow-alt label-icon align-middle fs-16 ms-2"></i>Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--end col-->
        </div>
    </section>
@endsection