@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 align-items-center justify-content-between">
                <div class="col-auto">
                    <h1 class="app-page-title"><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><span class="sub-navicate">{{ __('message.customer') }} <svg
                                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-chevron-double-right" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z" />
                                <path fill-rule="evenodd"
                                    d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z" />
                            </svg> {{ __('message.deposit') }}</h1></span>
                </div>
                <div class="col-auto no-padding-margin">
                    <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.index') }}"><button type="button"
                                                onclick="redirect_back();"
                                                class="btn btn-warning float-right cancel-margin"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd"
                                                        d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" />
                                                </svg> {{ __('message.go back') }}</button></a>
                                    </div>
                                </div>
                            </div><!--//col-->
                        </div><!--//row-->
                    </div><!--//table-utilities-->
                </div><!--//col-auto-->
            </div>

            <div class="app-card app-card-notification shadow-sm mb-4">
                <div class="app-card-body p-4 input-p-4" style="padding-bottom: 0px !important;">
                    <div class="col-lg-12 col-md-12 col-sm-12 row middle-decoration slide-padding">
                        <nav id="customers-deposite-table-tab"
                            class="customers--table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4">
                            <a class="flex-sm-fill text-sm-center nav-link" id="new-deposit-tab" data-toggle="tab"
                                href="#new-deposit" role="tab" aria-controls="new-deposit" aria-selected="false">
                                {{ __('message.new deposit') }}</a>
                            <a class="flex-sm-fill text-sm-center nav-link active" id="deposit-pendding-tab"
                                data-toggle="tab" href="#deposit-pendding" role="tab" aria-controls="deposit-pendding"
                                aria-selected="true">{{ __('message.pending') }} {{ __('message.deposit') }}</a>
                            <a class="flex-sm-fill text-sm-center nav-link" id="deposit-approve-tab" data-toggle="tab"
                                href="#deposit-approve" role="tab" aria-controls="deposit-approve"
                                aria-selected="false">{{ __('message.approve') }} {{ __('message.deposit') }}</a>
                        </nav>

                        <div class="tab-content" id="orders-table-tab-content">
                            <div class="tab-pane fade" id="new-deposit" role="tabpanel" aria-labelledby="new-deposit-tab">
                                @include('back-end.customer.deposit.new')
                            </div><!--//tab-pane-->

                            <div class="tab-pane fade show active" id="deposit-pendding" role="tabpanel"
                                aria-labelledby="deposit-pendding-tab">
                                <input type="hidden" id="customer_id" value="{!! isset($customer_id) ? $customer_id : 0 !!}">
                                @include('back-end.customer.deposit.pendding')
                            </div><!--//tab-pane-->

                            <div class="tab-pane fade" id="deposit-approve" role="tabpanel"
                                aria-labelledby="deposit-approve-tab">
                                <input type="hidden" id="customer_id" value="{!! isset($customer_id) ? $customer_id : 0 !!}">
                                @include('back-end.customer.deposit.approve')
                            </div><!--//tab-pane-->

                        </div><!--//tab-content-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('back-end.customer.deposit.script')
@endsection