@extends('dashboard.components.main')
@section('content')
            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-flex align-items-center justify-content-between">
                                <h4 class="page-title mb-0 font-size-18">استلام دفعة للفاتورة رقم 2344555#</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item active"> @lang('dashboard_clients.welcome_platform')</li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->



										    <div class="col-lg-12">
                            <div class="card">
                                <div class="card-body">
                <h4 class="card-title">استلام دفعة للفاتورة رقم 2344555#</h4>
                                    <p class="card-title-desc">يرجى اتباع الخطوات التالية لاستلام دفعة </p>

                                    <!-- Nav tabs -->
                                    <ul class="nav nav-pills nav-justified" role="tablist">
                                        <li class="nav-item waves-effect waves-light">
                                            <a class="nav-link active" data-toggle="tab" href="#home-1" role="tab">
                                                <span class="d-block d-sm-none"><i class="mdi mdi-account"></i></span>
                                                <span class="d-none d-sm-block">العميل والأيداع</span>
                                            </a>
                                        </li>
                                        <li class="nav-item waves-effect waves-light">
                                            <a class="nav-link" data-toggle="tab" href="#profile-1" role="tab">
                                                <span class="d-block d-sm-none"><i class="far fa-user"></i></span>
                                                <span class="d-none d-sm-block">الفواتير المفتوحة</span>
                                            </a>
                                        </li>


                                    </ul>
                                    <form class="repeater" enctype="multipart/form-data">

                                    <!-- Tab panes -->
                                    <div class="tab-content p-3 text-muted">
                                        <div class="tab-pane active" id="home-1" role="tabpanel">
                                            <p class="mb-0">
                                                    <div class="row">

							                <div class="col-md-3">
												       <div class="form-group">
                                            <label class="control-label">@lang('dashboard_invoices.client_name') </label>
                                                           <select class="form-control select2">


                                                    <option value="AK">@lang('dashboard_addcashexpense.client') 1</option>
                                                    <option value="HI">@lang('dashboard_addcashexpense.client') 2</option>


                                            </select>
                                                </div>
												</div>
    <div class="col-lg-3">
                                                        <div class="form-group">
                                                            <label for="invoicedate">@lang('dashboard_invoices.invoice_date')</label>
                                                            <input type="date" class="form-control" id="invoicedate" placeholder="@lang('dashboard_invoices.enter_invoice_date')">
                                                        </div>
                                                    </div>
										               <div class="col-lg-3">
                                                        <div class="form-group">
                                                            <label for="invoicenum">@lang('dashboard_invoices.invoice_number')</label>
                                                            <input type="number" class="form-control" id="invoicenum" placeholder="رقم الفاتورة">
                                                        </div>
                                                    </div>


													       <div class="col-lg-3">
                                                        <div class="form-group">
                                                            <label for="invoicenum">@lang('dashboard_invoices.email') </label>
                                                            <input type="email"class="form-control" id="invoicenum" placeholder="البريد الالكترونى" >
                                                        </div>
                                                    </div>

										         <div class="form-group col-lg-2">
                                                  	       <div class="form-group">
                                            <label class="control-label">@lang('dashboard_invoices.deposit_in') </label>
                                                           <select class="form-control select2">


                                                    <option value="AK">cib bank</option>
                                                    <option value="HI">cairo bank</option>


                                            </select>
                                                </div>
                                                </div>

										         <div class="form-group col-lg-2">
                                                  	       <div class="form-group">
                                            <label class="control-label">طريقة السداد </label>
                                                           <select class="form-control select2">


                                                    <option value="AK">paypal</option>
                                                    <option value="HI">credit</option>


                                            </select>
                                                </div>
                                                </div>
                                            </div>

											     <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="shipaddress">@lang('dashboard_invoices.shipping_address')</label>
                                                            <textarea class="form-control" id="shipaddress" rows="3"></textarea>
                                                        </div>
                                                    </div>
													    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="shipaddress">@lang('dashboard_invoices.sending_address')</label>
                                                            <textarea class="form-control" id="shipaddress" rows="3"></textarea>
                                                        </div>
                                                    </div>
                                                </div>

                                            </p>
                                        </div>
                                        <div class="tab-pane" id="profile-1" role="tabpanel">
                                            <p class="mb-0">
    <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                        <div data-repeater-list="group-a">
                                            <div data-repeater-item class="row">
											       <div class="form-group col-lg-2">
                                   <label for="productdesc">رقم الفاتورة</label>
                                                    <input type="product" id="productdesc" class="form-control" />
                                                </div>


													       <div class="form-group col-lg-2">
                                   <label for="productname">@lang('dashboard_invoices.Product_or_service')</label>
                                                    <input type="product" id="productname" class="form-control" />
                                                </div>
                                 			       <div class="form-group col-lg-2">
                                   <label for="datedue">تاريخ الاستحقاق</label>
                                                    <input type="date" id="datedue" class="form-control" />
                                                </div>
                                        <div class="form-group col-lg-2">
                                   <label for="mainbalance">الرصيد الاصلى</label>
                                                    <input type="text" id="mainbalance" class="form-control" />
                                                </div>
												      <div class="form-group col-lg-2">
                                   <label for="remainbalance">الرصيد المتبقى</label>
                                                    <input type="text" id="remainbalance" class="form-control" />
                                                </div>

												      <div class="form-group col-lg-2">
                                   <label for="recivepayment">الدفعة المستلمة</label>
                                                    <input type="text" id="recivepayment" class="form-control" />
                                                </div>



                                                <div class="col-lg-2 align-self-center">

												                                       <input type="checkbox" class="class="form-group" id="customCheck10">
<button type="button"  data-repeater-delete class="btn btn-primary " aria-label="Profile">
    <i class="mdi mdi-delete-alert" aria-hidden="true"></i>
</button>
												</div>
                                            </div>

                                        </div>
                                        <input data-repeater-create type="button" class="btn btn-success mt-3 mt-lg-0" onclick="addButtonPressed()" value="@lang('dashboard_invoices.add')" />
                                </div>
                            </div>
							                                    </form>

                                                <div class="col-lg-6">

												<button type="button"   class="btn btn-danger " aria-label="deleteall">
مسح الكل
</button> 	<button type="button"  class="btn btn-success " aria-label="alltotal">
اضافة اجمالى </button></div>

                        </div>                                            </p>
                                        </div>
                                        <div class="tab-pane" id="messages-1" role="tabpanel">
                                            <p class="mb-0">
	     <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="invoicenotes">@lang('dashboard_invoices.invoice_notes') </label>
                                                            <textarea class="form-control" id="invoicenotes" rows="3"></textarea>
                                                        </div>
                                                    </div>
													    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="accountingnote">@lang('dashboard_invoices.statement_notes') </label>
                                                            <textarea class="form-control" id="accountingnote" rows="3"></textarea>
                                                        </div>
                                                    </div>

														         <div class="col-lg-6">
                                              <div class="form-group">
                                            <label class="control-label">رفع ملف   </label>
                                    <div class="custom-file">
                                        <input type="file" class="custom-file-input" id="customFile">
                                        <label class="custom-file-label" for="customFile">@lang('dashboard_invoices.import_file')</label>
                                    </div>
                                        </div>
                                                    </div>

                                                </div>                                            </p>
                                        </div>

                                    </div>

                                </div>
                            </div>






							 <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title mb-4">معلومات استلام دفعة</h4>

                                    <div class="col-lg-3">
                                                        <div class="form-group">
                                                            <label for="total">استلام المبلغ</label>
                                                            <h1  id="total" >1500$</h1>
                                                        </div>
                                                    </div>

													       <div class="col-lg-3">
                                                        <div class="form-group">
                                                            <label for="depoist">المبلغ المستلم</label>
                                                    <input type="text" class="form-control" id="deposit" value="1500" />
                                                        </div>
                                                    </div>

                             		                      <div class="col-lg-6">

												<button type="button"   class="btn btn-info " aria-label="save">
حفظ<i class="mdi mdi-content-save-alert"></i>
</button> 	<button type="button"  class="btn btn-success " aria-label="saveandsend">
@lang('dashboard_sellorder.save_and_send')<i class="mdi mdi-arrange-send-to-back
"></i></button>

<button type="button"  class="btn btn-primary " aria-label="vieworprint">
مشاهدة وطباعة <i class="mdi mdi-printer-check"></i></button>




<button type="button"  class="btn btn-primary " aria-label="zeonvalue">
اجعل القيمة صفر <i class="mdi mdi-octagram-outline"></i></button>
</div>


                                </div>
                            </div>
                        </div>








                <!-- End Page-content -->
@endsection