@extends('layouts.admin', ['title' => 'تامین کنندگان'])

@section('content')

<div class="row">
	<div class="col-md-7">
		<h3>مدیریت تامین کنندگان
			@if($search)
			<a href="/admin/provider/list" class="btn btn-link">بازگشت</a>
			@endif
		</h3>
	</div>
	<div class="col-md-5 text-left">
		<form action="/admin/provider/list" method="get" class="form-inline">
			<input type="text" name="q" class="form-control" placeholder="عنوان">
			<input type="submit" class="btn btn-default" value="جستجو">
		</form>
	</div>
</div>
<hr />

<p>
	<a href="/admin/provider/add" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> تامین کننده
		جدید </a>
	<a href="/admin/store" class="btn btn-link">بازگشت</a>

	<a href="/admin/provider/debts-due" class="btn btn-default" style="float: left;">پرداختی‌های بعدی</a>
</p>

<div class="row">
	<div class="col-xs-12">
		@if(count($data)==0)
		<div class="alert alert-info" role="alert">
			اطلاعاتی برای نمایش دادن وجود ندارد.
		</div>
		@else
		<table class="table table-striped ">
			<tr>
				<th>تاریخ</th>
				<th>کد</th>
				<th>عنوان</th>
				<th>مسئول</th>
				<th>شماره تماس</th>
				<th>نوع</th>
				<th>وضعیت</th>
				<th></th>
				<th class="text-center">بدهی‌</th>
			</tr>

			@foreach($data as $item)
			<tr>
				<td style="direction:ltr;text-align:right;">{{ $item->created_at }}</td>
				<td>{{ $item->coding }}</td>
				<td>{{ $item->title }}</td>
				<td>{{ $item->first_name . ' ' . $item->last_name }}</td>
				<td>{{ $item->phone }}</td>
				<td>{{ $item->unofficial ? 'غیررسمی' : 'رسمی' }}</td>
				<td>{{ $item->active ? 'فعال' : 'غیرفعال' }}</td>
				<td>

					<button type="button" class="btn btn-info" data-toggle="modal" data-target="#quickDepositModal"
						data-title="{{ $item->title }}" data-id="{{ $item->id }}">پرداخت</button>

					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
							aria-haspopup="true" aria-expanded="false">
							مدیریت <span class="caret"></span>
						</button>
						<ul class="dropdown-menu">
							<li><a href="/admin/provider/status/{{ $item->id }}">وضعیت</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="/admin/provider/debts/{{ $item->id }}">بدهی‌ها</a> </li>
							<li><a href="/admin/provider/deposits/{{ $item->id }}">پرداختی‌ها</a> </li>
							<li role="separator" class="divider"></li>
							<li><a href="/admin/provider/edit/{{ $item->id }}">ویرایش</a></li>
						</ul>
					</div>

				</td>

				<td class="ltr text-center">
					<span style="color:{{ $item->balance >= 0 ? 'green' : 'red' }};">
						{{ number_format( $item->balance , 0, '', ',') }}
					</span>

				</td>
			</tr>
			@endforeach
		</table>

		<div style="text-align: center;">
			{!! $data->withQueryString()->render(); !!}
		</div>

		@endif
	</div>

</div>

<div class="modal fade" id="quickDepositModal" tabindex="-1" role="dialog" aria-labelledby="quickDepositModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="quickDepositModalLabel">پرداخت جدید - <span id="modalTitle"></span> </h4>
			</div>
			<div class="modal-body">
				<form action="" id="frmNewDeposit" method="post">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">

					<div class="form-group">
						<label for="amount">مبلغ (تومان)</label>
						<input type="text" class="form-control ltr text-right" id="amount" name="amount"
							value="{{ old('amount') }}" placeholder="">
						<span class="error">{{ $errors->first('amount') }}</span>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="pay">تاریخ پرداخت</label>
								<input type="text" class="form-control ltr text-right" id="pay" name="pay"
									value="{{ old('pay') }}" placeholder="">
								<span class="error">{{ $errors->first('pay') }}</span>
							</div>
						</div>
						<div class="col-md-6">

							<div class="form-group">
								<label for="due">تاریخ سررسید</label>
								<input type="text" class="form-control ltr text-right" id="due" name="due"
									value="{{ old('due') }}" placeholder="">
								<span class="error">{{ $errors->first('due') }}</span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="bank">بانک</label>
								<input type="text" class="form-control" id="bank" name="bank" value="{{ old('bank') }}"
									placeholder="">
								<span class="error">{{ $errors->first('bank') }}</span>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="account">حساب</label>
								<input type="text" class="form-control" id="account" name="account"
									value="{{ old('account') }}" placeholder="">
								<span class="error">{{ $errors->first('account') }}</span>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-6">

							<div class="form-group">
								<label for="type_id">نوع پرداخت</label>
								<select class="form-control" name="type_id" id="type_id">
									<option selected value="0">انتخاب کنید...</option>
									@foreach ($providerDepositType as $type_item)
									<option value="{{ $type_item->id }}">{{ $type_item->title }}</option>
									@endforeach
								</select>
								<span class="error">{{ $errors->first('type_id') }}</span>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="last_name">وضعیت</label>
								<select class="form-control" name="status_id" id="status_id">
									<option selected value="0">انتخاب کنید...</option>
									@foreach ($providerStatus as $status_item)
									<option value="{{ $status_item->id }}">{{ $status_item->title }}</option>
									@endforeach
								</select>
								<span class="error">{{ $errors->first('status_id') }}</span>
							</div>
						</div>
					</div>



					<div class="form-group">
						<label for="details">توضیحات</label>
						<textarea class="form-control" name="details" id="details">{{ old('details') }}</textarea>
						<span class="error">{{ $errors->first('details') }}</span>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="submit" form="frmNewDeposit" class="btn btn-primary">ثبت</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
			</div>
		</div>
	</div>
</div>


@stop


@section('javascript')
<script>
	$(document).ready(function(){
			$('#quickDepositModal').on('show.bs.modal', function (event) {
				var button = $(event.relatedTarget);
				var id = button.data('id');
				var title = button.data('title');
				
				$("#modalTitle").text(title);
				$("#frmNewDeposit").attr("action", `/admin/provider/deposits/${id}/add`);
   
				var modal = $(this); 
			});
		});
</script>
@endsection