@extends('layouts.includes.header')
@section('content')
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <section class="content-header">
        <h1>
        Customer
        <small>Control panel</small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
          <li class="active"><a href="{{route('admin.customer.show')}}">Customer</a></li>
        </ol>
      </section>
      <!-- Main content -->
      <section class="content">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-md-12">
            
            
            
            <!-- general form elements disabled -->
            <div class="box box-success">
              <div class="box-header with-border">
                <h3 class="box-title">Add Customer</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <form  role="form" method="POST" action="{{route('admin.customer.store')}}" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  
                  
                  <div class="col-lg-6 form-group">
                    <label>Name <span style="color: red;">*</span></label>
                    <input type="text" class="form-control" name="firstname" placeholder="Enter Name" required="required">
                  </div>
                  
                  <div class="col-lg-6 form-group">
                    <label>Customer Type <span style="color: red;">*</span></label>
                    <select class="form-control" name="customer_type" required="required">
                        <option value="">Select</option>
                      <option value="A">A</option>
                    <option value="B">B</option>
                    <option value="C">C</option>
                      
                    </select>
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Email</label>
                    <input type="text" class="form-control" name="email" placeholder="Email">
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Phone 1 <span style="color: red;">*</span></label>
                    <input type="text" class="form-control" name="phone_one" placeholder="Enter Phone 1" required="required">
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>Phone 2</label>
                    <input type="text" class="form-control" name="phone_two" placeholder="Enter Phone 2" >
                  </div>

                  

                  <div class="col-lg-6 form-group">
                    <label>Address <span style="color: red">*</span> </label>
                   <input type="text" class="form-control" name="address_one" placeholder="Address" required="required" >
                  </div>

                   
                   <div class="col-lg-6 form-group">
                    <label>Area</label>
                   <input type="text" class="form-control" name="area" >
                  </div>

                  <div class="col-lg-6 form-group">
                    <label>State <span style="color: red;">*</span></label>                   
                   <select class="form-control" name="state" required="required">
                      <option value="">SELECT STATE</option>
                     @foreach($states as $k=>$name)
                     <option value="{{$k}}">{{$name}}</option>
                       @endforeach
                   </select>
                  </div>

                   <div class="col-lg-6 form-group">
                    <label>Models</label>
                    <input type="text" class="form-control" name="models" placeholder="Enter Models" >
                  </div>

                   <div class="col-lg-6 form-group">
                    <label>Serial No</label>
                    <input type="text" class="form-control" name="serial_no" placeholder="Enter Serial No" >
                  </div>                

                 
                  <div class="col-lg-6 form-group">
                    <label>Purchase Date</label>
                    <div class="input-group date">
                    <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                    <input type="text" class="form-control datepicker" name="purchase_date"  id="datepicker" autocomplete="off">
                  </div>
                  </div>

                   <div class="col-lg-6 form-group">
                    <label>Remarks</label>
                    <!--<input type="text" class="form-control" name="remarks">-->
                    <textarea class="form-control" name="remarks" rows="5" cols="50"></textarea>
                  </div>

                    <div class="col-lg-6 form-group">
                    <label>Active</label><br>
                      <label>
                         <input type="checkbox" class="flat-red" name="status" value="1" checked="checked">
                      </label>
                  </div>
                  
                  
                  <div class="col-lg-12 form-group  text-center">
                    <input type="submit" class="btn btn-primary" value="Save">
                  </div>
                </form>
              </div>
              <!-- /.box-body -->
            </div>
            
          </div>
          
        </div>
        
      </section>
      <!-- /.content -->
    </div>
    @endsection