@extends('backend.layouts.app')

@section('title', 'Add Channel User')
@section('page-title', 'Add Channel User')
@section('page-breadcrumb', 'Add Channel User')


@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 Channel User</strong>
    <a href="ChannelUserList" class="btn-sm btn-warning btn-rounded float-right">
        <i class="fa fa-list fa-lg"></i> Channel User List
    </a>
</h5>
<!--Card content-->


 <form class="card" action="{{route('save_ChannelUser')}}" 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" required="" type="email" 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>
</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>


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




<div class="row">
<div class="col-md-6">

    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_CompanyName">Company Name<span class="text-danger"> *</span></label>
        <div class="col-md-8">
            <input type="text" id="CompanyName" placeholder="Enter Company Name" class="form-control " required=""  name="company_name" value="">

        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_UserPrifix">UserPripix<span class="text-danger"> *</span></label>
        <div class="col-md-8">
            <input type="text" id="UserPrifix" placeholder="Enter User Pripix" required="" class="form-control" maxlength="4" name="user_prefix" value="">

        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_ILogo">Logo</label>
        <div class="col-md-8">
            <input class="form-control IsRequired" id="ILogo" type="file" name="logo">
            <samp class="small text-muted">Max upload file size: 250KB</samp>
            <span class="UserPhotoSpan ImageLink text-success"></span>
            <input type="hidden" id="Logo" name="CompanyProfile.Logo" value="" autocomplete="off">
        </div>
    </div>
</div>



<div class="col-md-6">
    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_URL">URL<span class="text-danger"> *</span></label>
        <div class="col-md-8">
            <input type="text" id="URL" placeholder="Enter URL" class="form-control" required=""  name="url" value="">

        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_RegistrationNumber">Registration Number</label>
        <div class="col-md-8">
            <input type="text" id="RegistrationNumber" placeholder="Enter Registration Number" class="form-control" name="reg_no" value="">
            <span class="text-danger field-validation-valid" data-valmsg-for="CompanyProfile.RegistrationNumber" data-valmsg-replace="true"></span>
        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-4 col-form-label" for="CompanyProfile_ILogo">Dashboard Logo</label>
        <div class="col-md-8">
            <input class="form-control" id="IDashboardLogo" type="file" name="dash_img">
            <samp class="small text-muted">Max upload file size: 250KB</samp>
            <span class="UserPhotoSpan ImageLink text-success"></span>
            <input type="hidden" id="DashboardLogo" name="CompanyProfile.DashboardLogo" value="" autocomplete="off">
        </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" required="" type="text"  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  -->


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

<div class="row">
<div class="form-group">
    <div class="col-md-12">

        @foreach($services_list as $service)

        <div class="custom-control-inline customCheckbox">
            <input class="toggle__input normalCheckbox" name="services[]" type="checkbox" value="{{$service->id}}">
            &nbsp;<label for="Service0">{{$service->service_name}}</label>
        </div>
        @endforeach



    </div>
</div>
</div>
        </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