@extends('layouts.horizontal')

@section('content')
<div class="container-fluid">
<div class="row">
    <div class="col-sm-12">
        <div class="page-title-box">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h4 class="page-title m-0">Deposit</h4>
                </div>
                <!-- end col -->
            </div>
            <!-- end row -->
        </div>
          
          <div class="section-body">
          	<div class="row">
          		<div class="col-md-7">
          			<div class="card">
		              <form method="POST" action="">
		              	@csrf
			              <div class="card-body">
		                	<h4 class='header-title mt-0'><span><i class="dripicons-wallet"></i>  Deposit Baru </span></h4>
		                	@if(session('success'))
		                        <div class="alert alert-primary" role="alert">
		                            <i class="fa fa-check-circle"></i> {!! session('success') !!}
		                        </div>
			              	@elseif(session('danger'))
		                        <div class="alert alert-danger" role="alert">
		                            <i class="fa fa-exclamation-circle"></i> {!! session('danger') !!}
		                        </div>
		                    @endif
			                    
	          				@if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{!! $error !!}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
		                    
			                <div class="form-group">
		                      <label>Tipe</label>
		                      <select class="form-control select2" id="type" name="type">
		                        <option value="">Pilih tipe</option>
		                        <option value="Manual">Manual</option>
		                        <option value="Otomatis">Otomatis</option>
		                      </select>
		                    </div>
			                <div class="form-group">
		                      <label>Metode deposit</label>
		                      <select class="form-control select2" id="method" name="method">
		                        <option value="">Pilih tipe terlebih dahulu..</option>
		                      </select>
		                    </div>
			                <div class="form-group">
		                      <label>Pengirim</label>
		                      <input type="text" class="form-control" name="sender" placeholder="Isi nomor/rekening pengirim (contoh: 08123456)">
		                    </div>
		                    <input type="hidden" name="price" id="price">
			                <div class="form-group">
		                      <label>Jumlah</label>
		                      <input type="number" class="form-control" id="quantity_deposit" name="quantity">
		                    </div>
		                    <input type="hidden" name="rate" id="rate_deposit">
			                <div class="form-group">
		                      <label>Get balance</label>
		                      <input type="number" class="form-control" id="get_balance" readonly>
		                    </div>
			              </div>
			              <div class="mr-3 form-group text-right">
			                <button type="submit" class="btn btn-primary">Submit</button>
			              </div>
		              </form>
		            </div>
          		</div>
          		<div class="col-md-5">
          			<div class="card">
          				<div class="card-body">
          					<h4 class='header-title mt-0'><span>Cara Melakukan Deposit</span></h4>
          					<ol>
          						<li>Pilih Tipe terlebih dahulu (Manual/Otomatis)</li>
          						<li>Pilih metode deposit yang ingin kamu gunakan</li>
          						<li>Masukkan nomor pengirim (nomor hp/nomor rekening), jika melalui minimarket isi saja OTOMATIS</li>
          						<li>Masukkan jumlah deposit</li>
          						<li>Tekan tombol submit maka lakukanlah pembayaran sesuai yang diinstruksikan setelahnya</li>
          					</ol>
          				</div>
          			</div>
          		</div>
          	</div>
            
          </div>
        </section>




</div>
@endsection
@push('scripts')
	<script type="text/javascript" src="{{ asset('js/deposit.js') }}"></script>
@endpush