@extends('layouts.layout')
@section('css')
    <style type="text/css">
        .alert-msg {
            font-size: 12px;
            font-style: italic;
            color: #f00;
            margin-top:5px;
        }
    </style>
@endsection

@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">	
        	<div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ route('dashboard') }}">Home</a></li>
                        <li><a href="{{ route('notification_merchant_tx_new') }}">Merchant New</a></li>      
                        <li><a href="{{ url('notification/merchant_new/' . $settlement->toko->id) }}">{{ $settlement->toko->nama }}</a></li>
                        <li><a href="{{ url('notification/merchant_new/' . $settlement->toko->id . '/' . $settlement->id) }}">{{ $settlement->code }}</a></li>
                        <li>Add Transaction</li>
                    </ol>
                </div>
        		<div class="col-md-6">
					<div class="container">
						<div style="border:2px dashed #fbc02d; padding:10px; border-radius: 5%;">
							<div class="list-group">			
								<div class="text-left p-3">
									<div class="x-title">
										<h4>Check Customer For Transaction</h4>
										<hr>
									</div>
									<div class="x-content">
										<form method="GET" class="form-horizontal" id="form_check_customer" action="{{ url('notification/merchant_new/create-transaction') }}">
    										<input type="hidden" name="id_settlement" value="{{ $settlement->id }}" />
											<div class="form-group">
												<label for="cust_handphone">No Handphone :</label>
												<div class="input-group-sm">
													<input class="form-control" id="cust_handphone" name="cust_handphone" type="text"  placeholder="Masukkan nomor handphone customer" autocomplete="off" style="height: 40px; font-size: 16px;" autofocus>
												</div>
											</div> 
											<div class="form-group">
												<div class="alert-placeholder"></div>
											</div>               
											<div class="form-group text-center">
												<div class="loading" style="display: none"><i class="fa fa fa-spinner fa-pulse" style="color:#ddc355;"></i></div>
												<div class="submit">
									                <button class="btn btn-lg btn-primary btn-block" type="submit" style="font-size: 15px;"><i class="fa fa-check" aria-hidden="true"></i> Check Nomor HP</button>
									            </div>
											</div>
								            @if (Session::has('oopsCheck'))
								                <div class="alert alert-danger text-center" role="alert">
								                    {{Session::get("oopsCheck")}}
								                </div>
								            @endif
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
        		<div class="col-md-6">
					<div class="container">
						<div style="border:2px dashed #fbc02d; padding:10px; border-radius: 5%;">
							<div class="list-group">			
								<div class="text-left p-3">
									<div class="x-title">
										<h4>Create New Customer</h4>
										<hr>
									</div>
									<div class="x-content">
										<form method="POST" class="form-horizontal" id="form_create_customer" action="{{ url('notification/merchant_new/create-customer') }}">
                                        	{{ csrf_field() }}
    										<input type="hidden" name="id_settlement2" value="{{ $settlement->id }}" />
											<div class="form-group">
												<label for="new_customer_name">Name :</label>
												<div class="input-group-sm">
													<input class="form-control" id="new_customer_name" name="new_customer_name" type="text"  placeholder="Masukkan nama customer" autocomplete="off" style="height: 40px; font-size: 16px;" autofocus>
												</div>
											</div> 
											<div class="form-group">
												<label for="new_customer_email">Email :</label>
												<div class="input-group-sm">
													<input class="form-control" id="new_customer_email" name="new_customer_email" type="text" placeholder="Masukkan email customer" autocomplete="off" style="height: 40px; font-size: 16px;" autofocus>
												</div>
											</div> 
											<div class="form-group">
												<label for="new_customer_hp">No Handphone :</label>
												<div class="input-group-sm">
													<input class="form-control" id="new_customer_hp" name="new_customer_hp" type="text"  placeholder="Masukkan nomor handphone customer" autocomplete="off" style="height: 40px; font-size: 16px;" autofocus>
												</div>
											</div> 
											<div class="form-group">
												<div class="alert-placeholder"></div>
											</div>               
											<div class="form-group text-center">
												<div class="loading" style="display: none"><i class="fa fa fa-spinner fa-pulse" style="color:#ddc355;"></i></div>
												<div class="submit">
									                <button class="btn btn-lg btn-success btn-block" type="submit" style="font-size: 15px;"><i class="fa fa-user" aria-hidden="true"></i> Create Transaction</button>
									            </div>
											</div>
								            @if (Session::has('oopsCreate'))
								                <div class="alert alert-danger text-center" role="alert">
								                    {{Session::get("oopsCreate")}}
								                </div>
								            @endif
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>		
        </div>
    </div>
</div>

@endsection