@extends('layouts.app')

@section('content')

<div class="page_wrapper">
        <div class="main_section">
            <div class="breadcrum">
                <ul>
                <li><a href="{{ url('/home') }}">Contributor Dashboard</a></li>
                <li class="active"><a href="{{ url('/add_contributor') }}">Add Contributor</a></li>
                <li class="active"><a href="javascript:history.back()">Back</a></li>
                </ul>
             
            </div>
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left">
                        <h1>Add Contributor</h1>
                    </div>
                    <input type="button" value="WELCOME EMAIL" class="popup12 welcome_pop" style="display:none"/>
                </div>
                
                <div class="container_inner">
                    <div class="row">
                         
                        <form action="{{ url('add_contributor') }}" method="POST" value="{{ csrf_token() }}"  enctype="multipart/form-data" id="add_contributor_form" files=true>
                        {{ csrf_field() }}
                         <input type="hidden" name="added_by" value="{{ Auth::user()->id }}">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            @if(session()->has('message'))
                                 <div class="alert alert alert-success alert-dismissable fade in">
                                 <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                    {{ session()->get('message') }}
                               </div> 
                             @endif
                             @if(session()->has('error'))
                                 <div class="alert alert alert-danger alert-dismissable fade in">
                                 <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                    {{ session()->get('error') }}
                               </div> 
                             @endif
                             <div class="alert alert alert-success alert-dismissable fade in" style="display:none" id="success_msg">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                    Contributor Added
                                </div>
                            
                        </div>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>First Name</label>
                                    <div class="input_container">
                                        <input type="text" placeholder="Enter First Name" name="first_name" value="{{ old('first_name') }}" class="add_first_name"/>
                                        <div class="input_container error first_name_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Middle Name</label>
                                <div class="input_container">  
                                    <input type="text" placeholder="Enter Middle Name" name="middle_name" value="{{ old('middle_name') }}"/>
                                     <div class="input_container error middle_name_error"> </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Last Name</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Last Name" name="last_name"  value="{{ old('last_name') }}" class="add_first_last"/>
                                    <div class="input_container error last_name_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Email</label>
                                    <div class="input_container">
                                       <input type="email" placeholder="Enter Email Address" name="email" value="{{ old('email') }}"  class="add_email"/>
                                       <div class="input_container error email_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Password <i class="fa fa-info-circle red_link" aria-hidden="true" data-toggle="tooltip" data-placement="top" data-title="System generated password" data-html="true"></i></label>
                                <div class="input_container">
                                  <input type="password" placeholder="Enter Password" name="password" value="{{ old('password') }}" disabled="disabled" class="add_pass" />
                                   <div class="input_container error password_error"> </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Date of Birth</label>
                                    <div class="input_container">
                                    <input id="date_of_birth" type="text" placeholder="Enter DOB" name="DOB" value="{{ old('DOB') }}" />
                                    <div class="input_container error DOB_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Country</label>
                                <div class="input_container select_box">
                                <select id="country" name="country" > 
                                <option value="" >Select</option>
                                @foreach($countries as $country)
                                <option value="{{$country->id}}" >{{ $country->country }}</option>
                                @endforeach
                                </select>
                                <div class="input_container error country_error"> </div>
                               
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>State</label>
                                    <div class="input_container select_box">
                                    <select id="state" name="state" >
                                    </select> 
                                    <div class="input_container error state_error"> </div>
                                    </div>
                                    <input type="hidden" name="state_name" value="" id="state_name">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>City</label>
                                    <div class="input_container select_box">  
                                    <select id="city" name="city" >
                                    </select>
                                    <div class="input_container error city_error"> </div>
                                    </div>
                                    <input type="hidden" name="city_name" value="" id="city_name">
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Postal code</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Postal Code" name="postal_code" value="{{ old('postal_code') }}" />
                                     <div class="input_container error postal_code_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Phone Number</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Phone Number" name="phone_number" value="{{ old('phone_number') }}" />
                                     <div class="input_container error phone_number_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Date of Contract</label>
                                    <div class="input_container">
                                    <input id="date_of_future" class="date_picker" data-date-start-date="+0d" type="text" placeholder="Enter Date of Contract" name="contract_date" value="{{ old('contract_date') }}" />
                                    <div class="input_container  error contract_date_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-9 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Address</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter Address" name="address" value="{{ old('address') }}" />
                                <div class="input_container error address_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Stage Name</label>
                                <div class="input_container">
                                    <input type="text" placeholder="Enter stage name" name="stage_name" value="{{old('stage_name') }}" />
                                    <div class="input_container error stage_name_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>

                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Upload Image</label>
                                <div class="file_box">
                                    <span class="file_container">
                                        <input type="file" id="image_type" name="image" value="{{ old('image') }}" accept="image/*">
                                    </span>
                                    <label for="image_type">Browse</label>
                                </div>
                            </div>
                            <div class="input_container error image_error"> </div>
                            <input type="hidden" name="profile_img_type" value="1">
                               
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Upload w9 Form</label>
                                <div class="file_box">
                                    <span class="file_container">
                                        <input type="file" id="w9_form" name="w9form" value="{{ old('w9form') }}" accept="application/msword,application/pdf" />
                                        
                                    </span>
                                    <label for="w9_form">Browse</label>
                                </div>
                                <div class="input_container error w9form_error"> </div>
                            </div>
                            
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="links">Social media links</div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Facebook</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter Facebook Link" name="facebook" value="{{ old('facebook') }}"/>
                                <div class="input_container error facebook_error"> </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Twitter</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Twitter Link" name="twitter" value="{{ old('twitter') }}"/>
                                      <div class="input_container error twitter_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Instagram</label>
                                    <div class="input_container">
                                   <input type="text" placeholder="Enter Instagram Link" value="{{ old('instagram') }}" name="instagram"/>
                                    <div class="input_container error instagram_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>BIO</label>
                                    <div class="input_container">
                                    <textarea placeholder="Enter Bio" name="bio" >{{ old('bio') }}</textarea>
                                    <div class="input_container error bio_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <!-- email content-->
                        <input type="hidden" name="c_email" value="" />
                        <input type="hidden" name="e_title" value="" />
                        <textarea id="email_content" name="e_title" style="display:none;"></textarea> 
                        <input type="hidden" id="configuration" name="configuration" value="" />
                        <!-- email content ends -->

                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <input type="submit" value="Save" class="save_form"/>
                            <span id="myElem" class="only_span" style="display: none;">Please submit the form</span>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="home_url" style="display:none;">