@extends('layouts.app')
@section('content')
<style>
.required{color:#f00}
.home_capital_direct-add span.invalid-feedback {
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    font-weight: 400;
    white-space: initial;
    width: 250px;
    overflow: inherit;
    text-overflow: ellipsis;
    line-height: 12px;
}
.required_element{
    border: 1px solid red !important;
}
</style>

<div class="page-container">
   <div class="main-content">
      <div class="home_capital_direct-add p-5 ml-5 mr-4">
         <h3 class="text-center">Create Company</h3>
         <div class="bg-white p-5 mt-5 rounded shadow-sm">
		<form method="POST" action="{{route('createcompanies')}}" id="payroll_form" enctype="multipart/form-data">
         {{ csrf_field() }}
            <div class="row">

               
               <div class="col-sm-12">
                  <label>Name<span class="required"> * </span></label>
                  <input type="text" name="name" id="name" value="{{ old('name') }}" required>
                  
               </div>


				   <div class="col-lg-12">
                      <button type="submit" id="submitbtn" class="btn mb-3 btn-block btn-primary btn-lg border-0 mt-3" style=" background-color: #243487!important; background-image: none !important;">
                         <!----> Submit
                      </button>
                   </div>
            </div>
			</form>
         </div>
      </div>
   </div>
</div>

@endsection