@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>DMT</h3>
              </div>

              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-secondary" type="button">Go!</button>
                    </span>
                  </div>
                </div>
              </div>
            </div>
            
            <div class="clearfix"></div>

            <div class="panel-body">
				@include('flashmessage')
            </div>

           
                <form id="wallet_form" action="/dmt/add-customer" method="post" style="background: #fff;padding: 25px;">
                @csrf                
                    <div class="row">
                            <div class="col-md-3">
                                <label for="">Customer Name </label>
                                <input placeholder="" name="customer_name" required id="customer_name" class="form-control">                                                         
                                <br>
                                <label class="text-danger" for="" id="userWalletId"></label>
                            </div>   
                            <div class="col-md-3">
                                <label for="">Mobile Number </label>
                                <input placeholder="" name="mobile_number" required pattern="\d*" maxlength="10"
                                minlength="10" id="mobile_number" class="form-control">                   
                                <br>
                                <label class="text-danger" for="" id="userWalletId"></label>
                            </div>                                                                                   
                            <div class="col-md-1">
                                <div class="form-group required">
                                    <br>
                                    <button class="btn btn-success btn-xs" type="submit" style="margin-top: 8px;">Register</button>
                                </div>
                            </div>
                    </div>
                </form>
                         
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<style>
  .fade:not(.show){
    opacity: 1;
  }
</style>
@endsection