@extends('layouts.popup')
@section('title', 'Add Client')
@section('content')

<style>
	.client_total
	{
		width:100%;
		float:left;
		background: none repeat scroll 0 0 #FFFFFF;
        height: 100%;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
	}

	.client_left {
		border-right: 2px solid #DDDDDD;
		float: left;
		margin-bottom:10px;
		padding:1%;
		width: 45%;
		box-sizing:border-box;	
	}
	.client_right {
		float: left;
		padding:1%;
		width: 54%;
		box-sizing:border-box;
	}
	.client_box_full{
		width:100%;
		float: left;
		margin-bottom: 10px;
	}
	.client_label{
		float: left;
		height: 27px;
		margin-top: 7px;
		width: 148px;
	}
   .client_box{
		float: left;
		height: 30px;
		margin-top: 5px;
		width: 209px;
	}
   .label_1t{
		color: #393939 !important;
		font-size: 15px;
		/* font-weight: bold; */
	}
	.text_1t{
		border: 1px solid #CCCCCC;
		color: #858585;
		font-size: 13px;
		height: 25px;
		width: 200px;
	}
	.myButtonl {
		/* background: #307ECC;
		border: 1px solid #307ECC;
		box-shadow: 0 1px 0 0 #307ECC inset;
		color: #FFFFFF;
		display: inline-block;
		font-family: "Open Sans",sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding: 6px 12px;
		text-decoration: none; */
		cursor:pointer;
	}
	.sell{
		border: 1px solid #CCCCCC;
		color: #000000;
		font-family: "Open Sans",sans-serif;
		font-size: 15px;
		height: 25px;
		padding-left: 4px;
		padding-top: 1px;
		width: 177px;
    }
    .btn-extempore-write
    {
        /* background-color: #4658C6; */	
        padding: 5px 35px;
        /*font-size: 18px;*/ 
        /* color:#fff; */
        /*font-weight: 700;*/
        border : 2px solid #4658C6;
        
        color: #4658C6;
        background-color: transparent;
        border: 2px solid #4658C6;
        border-radius: 50px;
    }

    .btn-extempore-write:hover
    {
        /* background-color: #fff;
        color:#4658C6; */
        background-color: #4658C6;
        color:#fff;
        border: 2px solid #4658C6;
    }

    .extempore-alert
    {
        padding: 10px;
        margin-bottom:10px;
        margin-top: 10px;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    .extempore-alert ul
    {
        padding-left: 5px;
        margin-bottom: 0px;
        list-style-type: none;
    }
    .alert-dismissable .close
    {
        right:0px;
    }
</style>
	<div class ="client_total">
		<div class ="client_left">
			<span style="color: red; font-size: 12px; float: left; width: 300px;  height: 18px; margin-top: 11px; margin-left: 15px;">* Marked fields are mandatory.</span>
			<form enctype="multipart/form-data" method="POST" action="{{ url('/add-clients-das') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
                            <input type="hidden" name="formMode" value="0" id="formMode">
                            <input type="hidden" name="clientId" value="0" id="clientId">
                            <input type="hidden" value="{{ Auth::user()->id}}" name="submit_hidden">
                            <div class="addclient_title" id="manage_title1"  style="display: none;">Add Manage Clients</div>
                            <div class="addclient_title" style="display: none;" id="manage_title2">Edit Clients</div>
                            <div class="box-info" style="padding:0 15px;">
                                @if(Session::has('true_msg'))               
                                <div class="alert alert-success alert-dismissable extempore-alert"  style="padding-top:8px;padding-bottom:8px;margin-bottom:10px;margin-top: 30px;" id="myElemmsg">
                                    <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="font-size:15px;top:3px;"><i class="fa fa-times"></i></button>
                                    <b style="font-size: 12px;"><i class="icon fa fa-check"></i> {{Session::get('true_msg')}}</b>
                                </div>
                                <script type="text/javascript">
                                    $(document).ready(function () {
                                        setTimeout(function () {
                                            $("#myElemmsg").hide();
                                        }, 5000);
                                    });
                                </script>
                                @endif
                                @if(Session::has('errors'))
                                <div class="alert alert-danger alert-dismissable extempore-alert"  style="padding-top:8px;padding-bottom:8px;margin-top: 30px;" id="myElemmsg">
                                    <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="font-size:15px;top:3px;color: red;"><i class="fa fa-times"></i></button>

                                    <ul>