@extends('layouts.back-end.body')

@section('content')
    <div class="app-content pt-3 p-md-3 p-lg-4">
        <div class="container-xl">

            <div class="row g-3 mb-4 align-items-center justify-content-between">
                <div class="col-auto">
                    <h1 class="app-page-title app-page-header"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                            height="24" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
                            <path
                                d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" />
                        </svg> {{ __('message.customer') }} </span></h1>
                </div>
                <div class="col-auto">
                    <div class="page-utilities">
                        <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                            <div class="col-auto">
                                <div class="table-search-form row gx-1 align-items-center">
                                    <div class="col-auto">
                                        <a href="{{ route('customer.create') }}"><button type="button"
                                                class="btn app-btn-secondary"><svg xmlns="http://www.w3.org/2000/svg"
                                                    width="16" height="16" fill="currentColor"
                                                    class="bi bi-shield-plus" viewBox="0 0 16 16">
                                                    <path
                                                        d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z" />
                                                    <path
                                                        d="M8 4.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V9a.5.5 0 0 1-1 0V7.5H6a.5.5 0 0 1 0-1h1.5V5a.5.5 0 0 1 .5-.5z" />
                                                </svg> {{ __('message.new') }}</button></a>
                                    </div>
                                </div>
                            </div><!--//col-->
                        </div><!--//row-->
                    </div><!--//table-utilities-->
                </div><!--//col-auto-->
            </div><!--//row-->

            <div class="tab-content" id="orders-table-tab-content">
                <div class="tab-pane fade show active" id="orders-all" role="tabpanel" aria-labelledby="orders-all-tab">
                    <div class="app-card app-card-orders-table shadow-sm mb-5">


                        <div class="app-card-body" style="padding-bottom: 10px;">

                            <div class="table-responsive tables-view">
                                {{-- searcy --}}

                                <div class="" style="padding:10px 0px 10px 10px;">
                                    <form method="get" id="search-form">
                                        <div class="row" style="margin-bottom:0px;">
                                            <div class="col-xs-6 col-sm-4">
                                                <!-- Search -->
                                                <input type="text" id="q" class="form-control-sm" name="q"
                                                    title="{{ __('message.search') }} (phone, Bank)"
                                                    value="{{ $q ?? '' }}"
                                                    placeholder="{{ __('message.search') }} (phone, Bank)" required
                                                    style="display: inline;">
                                            </div>
                                            <div class="col-xs-6 col-sm-6">
                                                <button type="submit" class="btn btn-primary btn-sm"
                                                    style="display:inline;">
                                                    <i class="fa fa-search"></i>
                                                    {{ __('message.search') }}
                                                </button>
                                                <a href="{{ route('customer.index') }}" type="reset"
                                                    class="btn btn-warning btn-sm" style="display:inline;">
                                                    <i class="fa fa-refresh"></i>
                                                    <span class="hidden-xs">{{ __('message.refresh') }}</span>
                                                </a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                {{-- End Search --}}
                                @include('back-end.customer.script')
                                <table id="" class="table dataTable no-footer"
                                    aria-describedby="approve-table_info" style="width:100%">
                                    <!-- customer-table -->
                                    <thead>
                                        <tr>
                                            <th>{{ __('message.no') }}</th>
                                            <th>{{ __('message.account type') }}</th>
                                            <th>{{ __('message.name') }}</th>
                                            <th>{{ __('message.phone') }}</th>                                            
                                            <th>{{ __('message.credit') }}</th>         
                                            <th>{{ __('message.suspension') }}</th>
                                            <th>{{ __('message.vip') }}</th>
                                            <th>{{ __('message.bank name') }}</th>
                                            <th>{{ __('message.bank account') }}</th>
                                            <th>{{ __('message.bank account name') }}</th>
                                            <th>{{ __('message.pass code') }}</th>
                                            <th>{{ __('message.customer code') }}</th>
                                            <th>{{ __('message.approve') }}</th>
                                            <th>{{ __('message.action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($customers as $index => $customer)
                                            <tr @if($customer->is_approve==false) style="background-color:#ffa5a5" @endif>
                                                <th scope="row">{{ $index + 1 }}</th>
                                                <td>
                                                    @if ($customer->is_test_account)
                                                        <span style="color:red;">{{ __('message.test') }}</span>
                                                    @else
                                                        {{ __('message.real') }}
                                                    @endif
                                                </td>
                                                <td>{{ $customer->user->actual_name??"" }}</td>
                                                <td>{{ $customer->phone??"" }}</td>

                                                <td class="credit">
                                                    {{ \App\Http\Controllers\Backend\CustomerController::getUserCreditFinal($customer) }}
                                                </td>
                                                <td class="credit" style="color:red">
                                                    {{ \App\Http\Controllers\Backend\CustomerController::getUserCreditHold($customer) }}
                                                </td>
                                                <td>