@extends('backend.layouts.app')

@section('title', 'Add Retailer')
@section('page-title', 'Add Retailer')
@section('page-breadcrumb', 'Add Retailer')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-12">

                    <div class="card">
<h5 class="card-header">
    <strong><i class="fa fa-user-plus fa-lg"></i> Add Retailer</strong>
    <a href="RetailerList" class="btn-sm btn-warning btn-rounded float-right">
        <i class="fa fa-list fa-lg"></i> Retailer List
    </a>
</h5>
<!--Card content-->


 <form class="card" action="{{route('save_Retailer')}}" method="POST" enctype="multipart/form-data" >
   @csrf

    <div class="card-body">
        <!-- Form -->

        <div class="form-body">
            <!-- User Details -->


<h6 class="form-section mt-4"><b>User Info</b></h6>
<hr>

<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">First Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar " required="" type="text" data-val="true" name="first_name" value="">

        </div>
    </div>
</div>

<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">Last Name</label>
        <div class="col-md-9">
            <input class="form-control nameChar " type="text"  name="last_name" value="">

        </div>
    </div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FatherName">Father Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar" required="" type="text"  name="father_name" value="">

        </div>

    </div>
</div>
<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_DOB">DOB<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control Date"  required="" type="text" id="dob" name="dob" value="">

        </div>
    </div>
</div>
<!--/span-->
</div>
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirmName">Firm Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar required" required="" type="text" name="firm_name" value="">

        </div>
    </div>
</div>
<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_Email">Email<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control laxEmail required" type="email" required="" id="email"  name="email" value="" onblur="checkData(this.value,'email')">

        </div>
    </div>
</div>
<!--/span-->
</div>
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_Mobile">Mobile<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control IndMobile required" type="number" required maxlength="10" id="mobile"  name="mobile" value="" onblur="checkData(this.value,'mobile')">

        </div>
    </div>
</div>
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_PanNo">Pan Number<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control pancard required" required minlength="10" maxlength="10" name="pan_no" id="pan_no" value="">

        </div>
    </div>
</div>
<!--/span-->
<!--/span-->
</div>
<div class="row">

<!--/span-->
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_AadhaarNo">Aadhaar Number<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control adharCard required" type="number" required minlength="12" maxlength="12" name="aadhar_no" id="aadhar_no" value="">

        </div>
    </div>
</div>
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_SelectedParent">Parent</label>
        <div class="col-md-9">
            <select class="form-control select " required style="width:100%" id="UserDetails_SelectedParent" name="parent_id"  tabindex="-1" aria-hidden="true">

            <option value="{{ Auth::user()->id }}">{{ Auth::user()->user_id }} - {{ Auth::user()->first_name }}</option>

            @if(Auth::user()->user_type>0)
            @foreach($users_list as $user)
              <option value="{{$user->id}}">{{$user->user_id}} - {{$user->first_name}}</option>
              @endforeach
            @endif

</select>

        </div>
    </div>
</div>
<!--/span-->
</div>
<div class="row">

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_GST">GST</label>
        <div class="col-md-9">
            <input class="form-control" type="text"  name="gst" value="">

        </div>
    </div>
</div>
        <div class="col-md-6 hideForChannel">
            <div class="form-group row">
                <label class="col-form-label col-md-3" for="UserDetails_UserId">User Id</label>
                <div class="col-md-9">
                    <input class="form-control"  type="text" data-val="true" maxlength="10" name="user_id" value="">

                </div>
            </div>
        </div>
</div>



            <!-- Address Details -->

<h6 class="form-section mt-4"><b>Address</b></h6>
<hr>

<input type="hidden" id="Address_AddressId" name="Address.AddressId" value="" autocomplete="off">
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_Address">Address<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control required" type="text" required=""  name="address" value="">
            <span class="text-danger field-validation-valid" data-valmsg-for="Address.Address" data-valmsg-replace="true"></span>
        </div>
    </div>
</div>
<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_SelectedState">State<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <select class="form-control required" required name="state">
                <option value="">Select state</option>
                @foreach($state_list as $state)
                  <option value="{{$state->st_name}}">{{$state->st_name}}</option>
                  @endforeach

</select>

        </div>
    </div>
</div>
</div>
<div class="row">
<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_CityName">CityName<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar required" type="text"  required="" name="city_name" value="">

        </div>
    </div>
</div>
<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_PinCode">PinCode<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control postalcode Numeric required" required="" maxlength="6" type="text" name="pin_code" value="">

        </div>
    </div>
</div>
<!--/span-->
</div>
<!--/row-->

            <!-- Service  -->




        </div>
    </div>
    <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
            Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
        </button>
        <button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
            Back <i class="fa fa-arrow-circle-left fa-lg"></i>
        </button>
    </div>





</form>
<!-- Form -->

</div>



    <!-- ============================================================== -->

</div>



</div>
</div>
</div>

@endsection

@section('self_script')

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#dob" ).datepicker({
  changeMonth: true,
  changeYear: true,
  dateFormat:"yy-mm-dd",});
} );
</script>


@endsection