@extends('auth.auth_template')
@section('content')

<style>
    .card{
        background: transparent !important;
        box-shadow:none !important;
    }
    .signtx{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px!important;
        color: #fff;
    }
    .form-control {
        border: none !important;
    }
    .form-control-lg {    
    border-radius: 15px !important;
    }
    
</style>

<div class="register-box col-lg-5 col-xl-4">
    <div style="margin: 20px 30px;" class="card ">
        <div class="card-header bor0">
            <a href="{{url('/')}}" class="logo"><img src="{{ asset('/images/logo.png') }}" alt="Logo" /></a>
        </div>
        <div class="card-body">          
        
        <h2 class="signtx">Sign Up</h2>
        
            @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
            @endif
            <form action="{{url('storemarketingregister')}}" method="post">
                {{ csrf_field() }}
                <input type="hidden" class="form-control" name="marketingid" value="{{ $marketingid }}">
                <div class="row">
                <div class="form-group mb-3 col-md-6">
						<input type="text" class="form-control form-control-md bg-dark  @error('first_name') is-invalid @enderror" name="first_name"
                        placeholder="First Name" value="{{ old('first_name') }}" autocomplete="first_name" autofocus >						
						@error('first_name')
						<span class="invalid-feedback" role="alert">
							<small>{{ $message }}</small>
						</span>
						@enderror
					</div>
					<div class="form-group mb-3 col-md-6">
						<input type="text" class="form-control form-control-md bg-dark  @error('last_name') is-invalid @enderror" name="last_name"
                        placeholder="Last Name" value="{{ old('last_name') }}" autocomplete="last_name" autofocus >						
						@error('last_name')
						<span class="invalid-feedback" role="alert">
							<small>{{ $message }}</small>
						</span>
						@enderror
					</div>	    
                <!-- <div class="form-group mb-3 col-md-12">
                        <input type="text"
                            class="form-control form-control-border border-width-2 @error('name') is-invalid @enderror"
                            name="name" placeholder="Name" value="{{ old('name') }}" autocomplete="name" autofocus>
                        @error('name')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div> -->
                    <div class="form-group mb-3 col-md-12">
                        <input type="email"
                            class="form-control form-control-md bg-dark  @error('email') is-invalid @enderror"
                            name="email" placeholder="Email" value="{{ old('email') }}" autocomplete="email">       
                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="form-group mb-3 col-md-12">
                        <input type="password"
                            class="form-control form-control-md bg-dark  @error('password') is-invalid @enderror"
                            name="password" placeholder="Password" autocomplete="new-password">
                        @error('password')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                    <div class="input-group mb-3 col-md-12">
                        <input type="password"
                            class="form-control form-control-md bg-dark  @error('password_confirmation') is-invalid @enderror"
                            name="password_confirmation" placeholder="Confirm Password" autocomplete="new-password">
                        @error('password_confirmation')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="form-group mb-3 col-md-12">
                        <select name="country"
                            class="form-control form-control-md bg-dark  @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>
                    </div>

                    <div class="form-group mb-3 col-md-12">
                        
                            <div class="row">
                                <div class="col-md-3">
                                    <input type="text" name="phonecode" id="phonecode"
                                        class="form-control backwhite form-control-md bg-dark   " readonly>
                                </div>
                                <div class="col-md-9">
                                    <input type="text" name="phone" id="phone"
                                        class="form-control form-control-md bg-dark  @error('phone') is-invalid @enderror"
                                        placeholder="Phone">
                                </div>
                            </div>                        
                        @error('phone')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="row">

                    <div class="form-group mb-3 col-md-12">
                        <select name="gender"
                            class="form-control form-control-md bg-dark  @error('gender') is-invalid @enderror">
                            <option value="male">Male</option>
                            <option value="female">Female</option>
                        </select>
                    </div>

                    <div class="form-group mb-3 col-md-12">
                        <input type="text" name="bdate" id="bdate"
                            class="form-control form-control-md bg-dark  @error('bdate') is-invalid @enderror"
                            placeholder="Date of Birth">
                        @error('bdate')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>


                <div class="row">
                    <div class="form-group mb-3 col-md-12">
                        <input type="text" name="address" id="address"
                            class="form-control form-control-md bg-dark  @error('address') is-invalid @enderror"
                            placeholder="Address">
                        @error('address')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group mb-3 col-md-12">
                        <input type="text" name="city" id="city"
                            class="form-control form-control-md bg-dark  @error('city') is-invalid @enderror"
                            placeholder="City">
                        @error('city')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="form-group mb-3 col-md-12">
                        <input type="text" name="state" id="state"
                            class="form-control form-control-md bg-dark  @error('state') is-invalid @enderror"
                            placeholder="State">                
                        @error('state')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group mb-3 col-md-12">
                        <input type="number" name="zipcode" id="zipcode"
                            class="form-control form-control-md bg-dark  @error('zipcode') is-invalid @enderror"
                            placeholder="Zipcode">                  
                        @error('zipcode')
                        <span class="invalid-feedback" role="alert">
                            <small>{{ $message }}</small>
                        </span>
                        @enderror
                    </div>
                </div>             
                
                <div class="row">
                <div class="form-group mb-3 col-md-12">
						<select name="group" class="form-control form-control-md bg-dark  @error('group') is-invalid @enderror" id="group" >
							@foreach($grouplist as $group)
							<option value='{{ $group->mtgroup }}'>{{ $group->name }}</option>
							@endforeach
						</select>
					
						@error('group')
						<span class="invalid-feedback" role="alert">
							<small>{{ $message }}</small>
						</span>
						@enderror
					</div>
                </div>
                    
                <!-- <div class="icheck-primary padup20">
                    <input type="checkbox" id="agreeTerms" name="terms" value="agree">
                    <label style="color:#ffffff;" for="agreeTerms">
                    By clicking here I give my consent for <b>