{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="content-page-title">
		Кредитные счета(Новая)
	</div>
	<div class="mb-16">
		<a href="/panel/bookkeeping/credit-bills"><i class="fa fa-angle-double-left"></i> Back to list</a>
	</div>
	<div class="panel panel-default">
		<div class="panel-body">
			<div class="cp-creditbills">
				<div class="cp-creditbills__head">
					<div class="head-right">
						<ul class="mb-16 list-unstyled list-unstyled-4 fs-12">
							<li>
								<a href="https://alvadi.ee/download/WKY_jWz_n5eGxQ_yYJ7V5XdJPhfLYtI74EK.ikt.C0fhBzkfAnDqOdpksHylSAenPI.cgKWT9O5drTT27p5Klg-- }}" class="icobox size_16">
									<i class="ico fa fa-file-pdf-o"></i> Download PDF
								</a>
							</li>
							<li>
								<a href="https://alvadi.ee/download/WKY_jWz_n5eGxQ_yYJ7V5XdJPhfLYtI74EK.ikt.C0fhBzkfAnDqOdpksHylSAenPI.cgKWT9O5drTT27p5Klg--?mode=inline" target="_blank" class="icobox size_16">
									<i class="ico fa fa-print"></i> Print PDF</a>
							</li>
							<li><a href="#modal-sendbill" class="icobox size_16" data-toggle="modal"><i class="ico fa fa-envelope"></i> Send to email</a></li>
						</ul>
					</div>
					<div class="head-left">
						<div class="title">
							Credit bill №202212CR4601410
							<a href="#" class="copyDataToClipboard blank-link" data-copy="Credit note 202212CR4601410" data-notify="Copied 'Credit note 202212CR4601410'">
								<img class="center" src="/images/icons/i-copy.png" alt="" height="16">
							</a>

							{#<div class="stripe">
								Вернуть ВСЕ через <a href="https://stripe.com" class="dash-link" target="_blank"><strong>Stripe</strong></a>
							</div>#}
							<div class="stripe">
								Вернуть <strong>239.14</strong> eur
								<a href="#" class="copyDataToClipboard blank-link" data-copy="239.14" data-notify="239.14 is copied to clipboard">
									<img class="center" src="/images/icons/i-copy.png" alt="" height="16" />
								</a>
								через <a href="https://stripe.com" class="dash-link" target="_blank"><strong>Stripe</strong></a>
							</div>
						</div>
						<ul class="description">
							<li>
								28.03.2023 14:22:43 Dmitri Zujev created in order
								<a href="https://alvadi.ee/panel/orders.php?act=detail&amp;order_id=4601410" target="_blank">4601410</a>
								for
								<a href="https://alvadi.ee/panel/admin_users.php?user_id=891338" target="_blank" class="client-name">Didier Manfred Allard</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="cp-creditbills__body">
					<div class="cpc-table">
						<div class="cpc-table__row head">
							<div class="cpc-table__col main">
								<div class="form-check stylize">
									<label>
										<strong>Product</strong>
									</label>
								</div>
							</div><!--.col main-->
							<div class="cpc-table__col rows">
								<div class="cpc-table__col item">
									<strong>Item</strong>
								</div><!--.col-->
								<div class="cpc-table__col price">
									<strong>Price, eur</strong>
								</div><!--.col-->
								<div class="cpc-table__col commission">
									<strong>Compensation, %</strong>
									<small>How much % will be paid to the client</small>
								</div><!--.col-->
								<div class="cpc-table__col summary">
									<strong>Amount, eur</strong>
									<small>Will be returned to the client</small>
								</div><!--.col-->
							</div><!--.col rows-->
							<div class="clearfix"></div>
						</div><!--.row-->
						<div class="cpc-table__row active">
							<div class="cpc-table__col main">
								<div class="cpc-table__product">
									<div class="title">
										<div class="form-check stylize">
											<label>
												<strong>Throttle Body MAGNETI MARELLI 802009800027 (code: AL35439368)</strong>
											</label>
										</div>
									</div>
								</div>
								<div class="cpc-table__reason pl-20">
									<dl class="list-unstyled">
										<dt>Reason:</dt>
										<dd>Refuse - Client ordered wrong product</dd>
									</dl>
								</div>
								<div class="cpc-table__comment pl-20">
									<div class="comment-links">
										<span class="comment-add">Add comment</span>
									</div>
									<div class="comment-form" data-product-id="553196">
										<div class="form-group">
											<textarea class="form-control" cols="" rows="4"></textarea>
										</div>
										<button class="btn btn-primary comment-save">Save</button>
										<button class="btn btn-link comment-dismiss">Cancel</button>
									</div>
								</div>
							</div>
							<div class="cpc-table__col rows">
								<div class="cpc-table__col item">
									<div class="cpc-table__label">Item</div>
									<a href="/panel/inventory_log.php?type=old&amp;shelf=&amp;item_id=4835692" target="_blank">
										X4835692
									</a>
								</div><!--.col-->
								<div class="cpc-table__col price">
									<div class="cpc-table__label">Price, eur</div>
									<span class="cpc-table-price">
                                            383.56
                                        </span>
								</div><!--.col-->
								<div class="cpc-table__col commission">
									<div class="cpc-table__label">Compensation, %</div>
									[100%] - Компенсация
								</div><!--.col-->
								<div class="cpc-table__col summary">
									<div class="cpc-table__label">Amount, eur</div>
									<span class="cpc-table-sum">383.56</span>
								</div><!--.col-->
							</div>
							<div class="clearfix"></div>
						</div>
					</div><!--.cpc-table-->
					<div class="cpc-table-bottom">
						<div class="pull-right">
							<table class="cpc-total-table">
								<tbody>
								<tr>
									<td>Amount excl. VAT, eur:</td>
									<td>383.56</td>
								</tr>
								<tr>
									<td>VAT, eur:</td>
									<td>0.00</td>
								</tr>
								<tr>
									<td>Total amount, eur:</td>
									<td>383.56</td>
								</tr>
								</tbody>
							</table>
						</div>
						<div class="pull-left">
							<div class="mb-4 fs-12">
								<strong>Payouts history</strong>
							</div>
							<div class="scroller-x">
								<form method="post" name="direct-payout-request" action="/panel/bookkeeping/credit-bills/edit/202212?nc=1680181538">
									<table class="cpc-paymentHistory-table">
										<tbody>
										<tr>
											<th>Date</th>
											<th class="text-right">Amount, eur</th>
											<th>Method</th>
											<th class="text-right">Admin</th>
										</tr>
										<tr>
											<td>28.03.2023</td>
											<td class="text-right">
												<span class="label">-144.42</span>
											</td>
											<td>
												Кредитовый счёт
												| Order :
												<a href="https://alvadi.ee/panel/orders.php?act=detail&amp;order_id=4601412" target="_blank">
													4601412
												</a>                                                </td>
											<td class="text-right">
                                                        <span class="userpic-w-buts">
														    <a href="#" class="pic" title="Dmitri Zujev">
                                                                <img src="https://alvadi.ee/admin/images/user_id=899%20dmitri_100x80.jpg" alt="" style="width: 16px; height: 16px;">
                                                            </a>
                                                            													    </span>
											</td>
										</tr>
										<tr>
											<td>29.03.2023</td>
											<td class="text-right">
												<span class="label">-239.14</span>
											</td>
											<td>
												Stripe.com                                                </td>
											<td class="text-right">
                                                        <span class="userpic-w-buts">
														    <a href="#" class="pic" title="Xelan OÜ">
                                                                <img src="https://alvadi.ee/admin/images/evgeny.jpg" alt="" style="width: 16px; height: 16px;">
                                                            </a>
                                                            													    </span>
											</td>
										</tr>
										<tr class="bottom">
											<td>Repaid</td>
											<td class="text-right">
												<strong class="label">383.56</strong>
											</td>
											<td></td>
											<td></td>
										</tr>
										<tr class="bottom">
											<td>Balance</td>
											<td class="text-right">
												<strong class="label label-success">0.00</strong>
											</td>
											<td>
												<strong class="label label-success">Redeemed</strong>
											</td>
											<td></td>
										</tr>
										</tbody>
									</table>
									<input type="hidden" name="creditbills-direct-payout-request">
								</form>
							</div>
							<div class="mb-8"></div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="cpc-application open">
						<div class="cpc-application__body open">
							<div class="cpc-application__form">
								<strong>Credit bill is fully redeemed</strong>
							</div>
							<div class="cpc-application__messager">
							</div>
						</div>
					</div>
					<div style="clear: both;" class="mb-8"></div>
					<div class="max-w-half-of-width">
						<div class="mb-4 fs-12">
							<strong>Credit bill logs</strong>
						</div>
						<div class="scroller-x">
							<table class="cpc-paymentHistory-table">
								<tbody>
								<tr>
									<th class="text-center">Admin</th>
									<th class="w-150 text-center">Date</th>
									<th>Action</th>
									<th class="text-right w-100">Repaid amount</th>
									<th class="text-right w-100">Free amount</th>
								</tr>
								</tbody>
								<tbody><tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Xelan OÜ">
                                                    <img src="https://alvadi.ee/admin/images/evgeny.jpg" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">30.03.2023 14:01</td>
									<td>Admin made a direct payout using the <strong>Stripe.com</strong> payment method</td>
									<td class="text-right">239.14</td>
									<td class="text-right">0.00</td>
								</tr>
								<tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Xelan OÜ">
                                                    <img src="https://alvadi.ee/admin/images/evgeny.jpg" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">30.03.2023 14:01</td>
									<td>Admin cancelled payout request with the <strong>Stripe.com</strong> payment method</td>
									<td class="text-right">-239.14</td>
									<td class="text-right">0.00</td>
								</tr>
								<tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Artur Trussov">
                                                    <img src="https://alvadi.ee/panel/images/artur.jpg" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">28.03.2023 23:30</td>
									<td>Admin ACCEPTED payout request using the <strong>Stripe.com</strong> payment method</td>
									<td class="text-right">0.00</td>
									<td class="text-right">-239.14</td>
								</tr>
								<tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Dmitri Zujev">
                                                    <img src="https://alvadi.ee/admin/images/user_id=899%20dmitri_100x80.jpg" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">28.03.2023 14:24</td>
									<td>Admin made payout request using the <strong>Stripe.com</strong> payment method</td>
									<td class="text-right">239.14</td>
									<td class="text-right">0.00</td>
								</tr>
								<tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Didier Manfred Allard">
                                                    <img src="" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">28.03.2023 14:24</td>
									<td>Admin used credit bill as payment in order <strong>4601412</strong></td>
									<td class="text-right">0.00</td>
									<td class="text-right">0.00</td>
								</tr>
								<tr>
									<td class="text-center">
                                            <span class="userpic-w-buts" style="padding-right: 0;">
                                                <a href="#" class="pic" title="Dmitri Zujev">
                                                    <img src="https://alvadi.ee/admin/images/user_id=899%20dmitri_100x80.jpg" alt="" style="width: 16px; height: 16px;">
                                                </a>
                                            </span>
									</td>
									<td class="text-center">28.03.2023 14:22</td>
									<td>Credit bill created</td>
									<td class="text-right">0.00</td>
									<td class="text-right">0.00</td>
								</tr>
								</tbody></table>
						</div>
					</div>
				</div>
			</div><!--.cp-creditbills-->
		</div>
	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-mail-preview" tabindex="-1" role="dialog" aria-labelledby="modal-mail-preview">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-body">

					{% include '../../mail/vin-checker.twig' %}

				</div>
			</div>
		</div>
	</div>
{% endblock %}