@extends('layout/main_page')
@section('page_title','Company')
@section('main_content')
<div class="container-fluid">
	<div class="row page-titles mx-0">
		<div class="col-sm-6 p-md-0">
			<div class="welcome-text">
				<h4><button type="button" onclick="add_company();" class="btn btn-light"><img src="assets/image/pen.png" width="35" height="35"></button>&nbsp;&nbsp;Company</h4>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<div class="table-responsive">
						<table id="main_table" class="display" style="min-width: 845px;color:black;">
							<thead>
								<tr>
									<th style="width:100px;">Sno</th>
									<th>Company Name</th>
									<th>Group Name</th>
                                    <th>Status</th>
									<th style="width:90px;">Action</th>
								</tr>
							</thead>
							<tbody id="main_table_content">
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
@section('modal_content')
<form id="modal-form" autocomplete="off" action="javascript:submit_btn(Company_Id.value,Company.value,Group_Id.value,Status.value);">
<div class="modal-header">
	<h5 class="modal-title" id="modal-title">Add New Company</h5>
	<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
</div>
<div class="modal-body">
    <div id="msg_box" style="color:red;width:100%;"></div>
    <input type="hidden" id="Company_Id" value="0"/>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-6">
				<div class="form-group">
					<label class="text-label">Company Name <span>*</span></label>
					<input type="text" id="Company" class="form-control" placeholder="Company" required>
				</div>
			</div>
			<div class="col-md-6">
				<div class="form-group">
					<label class="text-label">Group Name <span>*</span></label>
					<select id="Group_Id" class="form-control" required><option value="">Select</option>