@extends('layouts.admin_template')
@section('content')
<!-- <section class="content-header">
	<div class="row">
		<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
			<h4 class="mainsection-title"><i class="fa fa-user"></i>&nbsp;&nbsp; User Management</h4>
		</div>
	</div>
</section> -->
<section class="content">
<div class="container-fluid">
	<div class="flash-message mrgn-top15">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><h4>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</h4> {{ Session::get('alert-' . $msg) }}</div>
		@endif
		@endforeach
</div>
	</div>
    <div class="container-fluid">
    	<div class="row">
    	    <div class="col-md-12">
                <div class="card  rounded-3 box-shadow">
                    <div class="card-header bg-card-dark-blue">
        	            <h3 class="card-title">Add User</h3>
		            </div>
                <form class="" role="form" method="POST" action="{{ url('/admin/user/store') }}" enctype="multipart/form-data">
        			{{ csrf_field() }}
                	<div class="card-body">
        				<div class="row">
        					<div class="col-md-6">
        						<div class="form-group">
        							<label for="name" class="col-sm-10 cust-label control-label">First Name</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('first_name') is-invalid @enderror" id="first_name" name="first_name" placeholder="First Name" value={{ old('first_name') }}>
        								@if ($errors->has('first_name'))
        								<span class="invalid-feedback">{{ $errors->first('first_name') }}</span>
        								@endif
        							</div>
        						</div>
								</div>
							<div class="col-md-6">
        						<div class="form-group">
        							<label for="name" class="col-sm-10 cust-label control-label">Last Name</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('first_name') is-invalid @enderror" id="last_name" name="last_name" placeholder="Last Name" value={{ old('last_name') }}>
        								@if ($errors->has('last_name'))
        								<span class="invalid-feedback">{{ $errors->first('last_name') }}</span>
        								@endif
        							</div>
        						</div>
								</div>
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="email" class="col-sm-10 cust-label control-label">Email</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('email') is-invalid @enderror" id="email" name="email" placeholder="Enter Email" value={{ old('email') }}>
        								@if ($errors->has('email'))
        								<span class="invalid-feedback">{{ $errors->first('email') }}</span>
        								@endif
        							</div>
        						</div>
								</div>
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="email" class="col-sm-10 cust-label control-label">Password</label>
        							<div class="col-sm-10">
        								<input type="password" class="form-control  @error('password') is-invalid @enderror" id="password" name="password" placeholder="Enter Password" value="">
        								@if ($errors->has('password'))
        								<span class="invalid-feedback">{{ $errors->first('password') }}</span>
        								@endif
        							</div>
        						</div>	
								</div>																
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">Gender</label>
        							<div class="col-sm-10">
        								<select name="gender" class="form-control  @error('gender') is-invalid @enderror">
        									<option value="male">Male</option>
        									<option value="female">Female</option>
        								</select>
        								@if ($errors->has('gender'))
        								<span class="invalid-feedback">{{ $errors->first('gender') }}</span>
        								@endif
        							</div>
        						</div>		
								</div>				
								<div class="col-md-6">
        						<div class="form-group ">
        							<label for="phone" class="col-sm-10 cust-label control-label">Country</label>
        							<div class="col-sm-10">
									<select name="country"
										class="form-control  @error('country') is-invalid @enderror"
										id="countryname">
										@foreach($countrylist as $country)
										<option value='{{ $country->name }}' data-phone="{{ $country->phonecode }}" @if($country->name == 'India') selected @endif>{{ $country->name }}</option>
										@endforeach
									</select>
        								@if ($errors->has('country'))
        								<span class="invalid-feedback">{{ $errors->first('country') }}</span>
        								@endif
        							</div>
        						</div>	
								</div>		
								<div class="col-md-6">
									<div class="form-group">
									<label for="phonecode" class="col-sm-10 cust-label control-label">Phone Code</label>
										<div class="col-sm-10">
										<input type="text" name="phonecode" id="phonecode"
											class="form-control  " readonly>
										</div>
									</div>
                                </div>
								<div class="col-md-6">
        						<div class="form-group ">
        							<label for="phone" class="col-sm-10 cust-label control-label">Phone</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('phone') is-invalid @enderror" id="phone" name="phone" placeholder="Enter phone" value={{ old('phone') }}>
        								@if ($errors->has('phone'))
        								<span class="invalid-feedback">{{ $errors->first('phone') }}</span>
        								@endif
        							</div>
        						</div>		
								</div>				
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">State</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('state') is-invalid @enderror" id="state" name="state" placeholder="Enter State" value={{ old('state') }}>
        								@if ($errors->has('state'))
        								<span class="invalid-feedback">{{ $errors->first('state') }}</span>
        								@endif
        							</div>
        						</div>
								</div>
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">City</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('city') is-invalid @enderror" id="city" name="city" placeholder="Enter city" value={{ old('city') }}>
        								@if ($errors->has('city'))
        								<span class="invalid-feedback">{{ $errors->first('city') }}</span>
        								@endif
        							</div>
        						</div>
								</div>
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">Address</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('address') is-invalid @enderror" id="address" name="address" placeholder="Enter address" value={{ old('address') }}>
        								@if ($errors->has('address'))
        								<span class="invalid-feedback">{{ $errors->first('address') }}</span>
        								@endif
        							</div>
        						</div>		
								</div>				
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">Zipcode</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('zipcode') is-invalid @enderror" id="zipcode" name="zipcode" placeholder="Enter zipcode" value={{ old('zipcode') }}>
        								@if ($errors->has('zipcode'))
        								<span class="invalid-feedback">{{ $errors->first('zipcode') }}</span>
        								@endif
        							</div>
        						</div>		
								</div>				
								<div class="col-md-6">
        						<div class="form-group">
        							<label for="phone" class="col-sm-10 cust-label control-label">Birthdate</label>
        							<div class="col-sm-10">
        								<input type="text" class="form-control  @error('zipcode') is-invalid @enderror" id="bdate" name="bdate">
        								@if ($errors->has('bdate'))
        								<span class="invalid-feedback">{{ $errors->first('bdate') }}</span>
        								@endif
        							</div>
        						</div>	
								</div>	

								<div class="col-md-6">
								<div class="form-group">
								<label for="group" class="col-sm-10 cust-label control-label">Select Group</label>
								<div class="col-sm-10">
									<select name="group" class="form-control   @error('group') is-invalid @enderror" id="group" >
										@foreach($grouplist as $group)
										<option value='{{ $group->mtgroup }}'>{{ $group->name }}</option>
										@endforeach
									</select>
								</div>
					
								@error('group')
								<span class="invalid-feedback" role="alert">
									<small>{{ $message }}</small>
								</span>
								@enderror
							</div>
							</div>

							<div class="col-md-6">
								<div class="form-group">
								<label for="marketingid" class="col-sm-10 cust-label control-label">Select Marketing</label>
								<div class="col-sm-10">
									<select name="marketingid" class="form-control   @error('marketingid') is-invalid @enderror" id="marketingid" >
									<option value="">Please select marketing</option>	
									@foreach($marketinglist as $mar)
										<option value='{{ $mar->id }}'>{{ $mar->name }}</option>
										@endforeach
									</select>
								</div>
					
								@error('marketingid')
								<span class="invalid-feedback" role="alert">
									<small>{{ $message }}</small>
								</span>
								@enderror
							</div>
							</div>
        					
        				</div>
        			</div>
                    <div class="card-footer text-center">
        				<button class="btn btn-primary mrgn-right10" type="submit">Submit</button>
        			</div>
        		</form>        
		    </div>
		</div>
	</div>
</section>

<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
    var phonecode1 = $('#countryname').find(':selected').data('phone');
    $('#phonecode').val('+' + phonecode1);
    $("#countryname").change(function() {
        var phonecode = $(this).find(':selected').data('phone');
        $('#phonecode').val('+' + phonecode);
    });
});
</script>
@endsection