@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>
        Create New Customer
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Create Customer</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<div class="row">
    <div class="col-md-12">
        <section class="content">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-4">
                            <form class="form" action="{{ route('customer.store') }}" method="post" enctype="multipart/form-data">
                              {!! csrf_field() !!}
                                <h4 class="text text-info" style="border-left: 4px solid #659be0;"> <b>&nbspPersonal Info</b></h4>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="form-group">
                                    <label for="">Customer Name <span class="required">*</span></label>
                                    <input type="text" autocomplete="OFF" name="customer_name" placeholder="Customer Name" class="form-control input-sm" required />
                                    @if($errors->has('customer_name'))
                                        <span class="text-danger">{{ $errors->first('customer_name')}}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="">Address</label>
                                    <textarea rows="1" name="address" class="form-control input-sm"  placeholder="Address" ></textarea>
                                    @if($errors->has('address'))
                                        <span class="text-danger">{{ $errors->first('address')}}</span>
                                    @endif
                                </div> 
                                <div class="form-group">
                                    <label for="">Mobile No</label>
                                    <input type="text" autocomplete="OFF" name="mobile_no" placeholder="Mobile No" class="form-control input-sm" />
                                    @if($errors->has('mobile_no'))
                                        <span class="text-danger">{{ $errors->first('mobile_no')}}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="">Phone</label>
                                    <input type="text" autocomplete="OFF" name="phone" placeholder="Phone No" class="form-control input-sm" />
                                    @if($errors->has('phone'))
                                        <span class="text-danger">{{ $errors->first('phone')}}</span>
                                    @endif
                                </div>
                                
                                <div class="form-group">
                                    <label for="">Email</label>
                                    <input type="text" autocomplete="OFF" name="email" placeholder="Email" class="form-control input-sm" />
                                    @if($errors->has('email'))
                                        <span class="text-danger">{{ $errors->first('email')}}</span>
                                    @endif
                                </div>
                                
                                
                        
                        </div>
                        <div class="col-md-4">
                                <h4>&nbsp</h4>
                                  <!-- <div class="form-group">
                                    <label for=""> NID/Identification No</label>
                                    <input type="text" autocomplete="OFF" name="customer_nid" placeholder="Customer NID" class="form-control input-sm" maxlength="17" pattern="[0-9]+" title="17 digit NID Number"/>
                                    @if($errors->has('customer_nid'))
                                        <span class="text-danger">{{ $errors->first('customer_nid')}}</span>
                                    @endif
                                </div> -->
                                <div class="form-group">
                                    <label for=""> Photo</label>
                                    <input type="file" name="customer_image" placeholder="" class="form-control input-sm" />
                                    @if($errors->has('customer_image'))
                                        <span class="text-danger">{{ $errors->first('customer_image')}}</span>
                                    @endif
                                </div> 
                                <div class="form-group">
                                    <label for="">Note</label>
                                    <textarea rows="1" name="note" class="form-control input-sm"></textarea>
                                </div>
                                <div class="form-group">
                                    <label for="">Category <span class="required">*</span></label><br>
                                    <select name="category" id="cust_category" class="form-control select2" required=""> 
                                        <option value=''>---Select---</option>
                                        @foreach($customer_categories as $data)
                                            <option value="{{ $data->id }}">{{$data->cat_name}} </option>
                                        @endforeach
                                    </select>
                                </div> 
                                
                        </div>
                        <div class="col-md-4">
                                <h4 class="text text-info" style="border-left: 4px solid #659be0;"> <b>&nbspBalance Info</b></h4>
                                <div class="form-group">
                                    <label class="text-green">Debit Balance [Receivable from Customer]</label>
                                    <input type="text" name="debit" placeholder="" autocomplete="OFF" class="form-control input-sm" />
                                    @if($errors->has('debit'))
                                        <span class="text-danger">{{ $errors->first('debit')}}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="text-red">Credit Balance [Advanced from Customer]</label>
                                    <input type="text" name="credit" placeholder="" autocomplete="OFF" class="form-control input-sm" />
                                    @if($errors->has('credit'))
                                        <span class="text-danger">{{ $errors->first('credit')}}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <input type="submit" class="btn btn-success pull-right" value="Save"/>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Main Content -->

    </div>
</div>
</form>
<!--
<script src="{{ asset('public/js/webcam.min.js') }}"></script>
 -->
        <!-- Configure a few settings and attach camera -->
  <!--      <script language="JavaScript">
            Webcam.set({
                width: 320,
                height: 240,
                image_format: 'jpeg',
                jpeg_quality: 90
            });
            Webcam.attach( '#my_camera' );
        </script>
        <script language="JavaScript">
            function myFunction() {
                var x = document.getElementById("myDIV");
                if (x.style.display === "none") {
                    x.style.display = "block";
                    document.getElementById('close').style.display = 'none';
                } 
            }
            function preview_snapshot() {
                // freeze camera so user can preview pic
                Webcam.freeze();
                
                // swap button sets
                document.getElementById('pre_take_buttons').style.display = 'none';
                document.getElementById('post_take_buttons').style.display = '';
            }
            
            function cancel_preview() {
                // cancel preview freeze and return to live camera feed
                Webcam.unfreeze();
                
                // swap buttons back
                document.getElementById('pre_take_buttons').style.display = '';
                document.getElementById('post_take_buttons').style.display = 'none';
            }
            
            function save_photo() {
                // actually snap photo (from preview freeze) and display it
                Webcam.snap( function(data_uri) {
                    // display results in page
                    document.getElementById('results').innerHTML = 
                    '<img src="'+data_uri+'" width="300" height="300"><input type="text" name="customer_image" value ="'+data_uri+'" style="display:none" />';
                        
                    
                    // swap buttons back
                    document.getElementById('pre_take_buttons').style.display = 'none';
                    document.getElementById('post_take_buttons').style.display = 'none';
                    document.getElementById('my_camera').style.display = 'none';
                } );
            }
        </script>
        -->
@endsection