@extends('app.app')
@section('title', '')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="py-3 mb-4">{{ __('titles.merchants_administration') }}</h4>
        <div class="row mb-4">
            @foreach ($TabStatus as $one)
                <div class="col-sm-6 col-lg-3 mb-4">
                <div class="card card-border-shadow-{{$one['color']}}">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-2 pb-1">
                            <div class="avatar me-2">
                                <span class="avatar-initial rounded bg-label-{{$one['color']}}"><i class="ti ti-circle-check ti-md"></i></span>
                            </div>
                            <h4 class="ms-1 mb-0">{{$one['count']}} <small>/ {{$total}}</small></h4>
                        </div>
                        <p class="mb-1">{{$one['value']}}</p>
                        <p class="mb-0">
                            <!--<span class="fw-medium me-1">+18.2%</span>-->
                        </p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <div class="row mb-4">
            <div class="col-xl">
                  <div class="card mb-4">
                    <div class="card-body row">
                        <div class="col-6 mb-3">
                          <label class="form-label" for="basic-default-fullname">{{__('titles.name')}}</label>
                          <input type="text" class="form-control" id="name" placeholder="{{__('titles.name')}}">
                        </div>
                        <div class="col-6 mb-3">
                          <label class="form-label" for="basic-default-company">{{__('titles.company_name')}}</label>
                          <input type="text" class="form-control" id="company_name" placeholder="{{__('titles.company_name')}}">
                        </div>
                        <div class="col-6 mb-3">
                          <label class="form-label" for="basic-default-fullname">{{__('titles.category')}}</label>
                          <select class="form-control" id="category_id">
                            <option value=""></option>
                          @foreach ($Categories as $one)
                            <option value="{{$one->id}}">{{$one->name}}</option>                              
                          @endforeach
                          </select>
                        </div>
                        <div class="col-6 mb-3">
                          <label class="form-label" for="basic-default-company">{{__('titles.trade_license_number')}}</label>
                          <input type="text" class="form-control" id="trade_license_number" placeholder="{{__('titles.trade_license_number')}}">
                        </div>
                        <div class="col-12 mb-3">
                            <label class="form-label" for="basic-default-fullname">{{ __('titles.status') }}</label>
                            <select class="form-control" id="kyc_status">
                                <option value=""></option>
                                @foreach ($Status as $key => $one)
                                    <option value="{{ $key }}">{{ $one }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                  </div>
                </div>
            <div class="col-12 col-sm-12 col-lg-12 mb-4">
                <div class="card">
                <div class="table-responsive text-nowrap">
                  <table class="table data-table table-striped table-hover">
                    <thead>
                      <tr>
                        <th class="fw-bold fs-big">{{__('titles.company_name')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.name')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.category')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.trade_license_number')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.status')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.created_at')}}</th>
                        <th class="fw-bold fs-big">{{__('titles.options')}}</th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                      
                    </tbody>
                  </table>
                </div>
              </div>
            </div>

        </div>
    </div>
    @endsection