@extends('backend.layouts.app')
@section('content')

<style type="text/css">
	table {
		table-layout: fixed;
		font-size: 100%;
		word-break: break-all;
	}

	table th,
	table td {
		overflow: hidden;
	}
	div#example_info {
		color: #000 !important;
		text-transform: capitalize !important;
	}

	div#example_paginate {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
		border: 1px solid #f4f4f4;
		background: #fff;
		padding: 0px;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color: #000 !important;
		border: 1px solid #337ab7 !important;
		background: #337ab7 !important;
		color: #fff !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		border: 1px solid #337ab7 !important;
		background: #337ab7 !important;
		color: #fff !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		cursor: default;
		color: #fff !important;
	}

	table.dataTable thead th, table.dataTable thead td { border-bottom: none !important;}

	table.dataTable tfoot th, table.dataTable tfoot td { border-top: none !important; }

	div.dataTables_length select {
		border-radius: 0!important;
		border-color: #d2d6de;
		height: 34px;
		padding: 5px 5px;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc; }

		div.dataTables_length label { font-weight: bold !important; }

		.dataTables_wrapper .dataTables_filter input {
			border-radius: 0!important;
			border-color: #d2d6de;
			height: 34px;
			padding: 5px 5px;
			background-color: #fff;
			background-image: none;
			border: 1px solid #ccc;
		}

		div.dataTables_filter label { font-weight: bold!important; }

		.col-sm-6{
			margin-top: 10px;
		}
		.required-star{
			color: red;
		}
	</style>

	<div class="col-md-12">
		@if (Session::has('message'))
		<div class="alert alert-success" role="alert">
			{{Session::get('message')}}
		</div>
		@elseif (Session::has('error'))
		<div class="alert alert-warning" role="alert">
			{{Session::get('error')}}
		</div>
		@endif
	</div>

	<div class="container-fluid" style="min-height: 100vh">
		<div class="row bg-white pt-3 pb-5">
			<div class="col-md-12" id="backend-configuration-mobile-gp">
				<div class="box">
					
					<div class="box-body mt-3">
						<div class="row">
							<div class="col-md-12">


					<div class="portlet">
						<div class="table-responsive">

							<form action="{{url('admin/party_conversation')}}" method="POST" >

								{{ csrf_field() }}

								ID:&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="conversation_id" class="form-control required" required="required">
								<br>
								<br>
								
								Invoice ID:&nbsp;<input type="text" name="invoice_order_id" class="form-control required" required="required">

								<br>
								<br>
								
								Order ID:&nbsp;<input type="text" name="order_id" class="form-control required" required="required">


								<div class="row">

									<div class="col-md-6">

										<button type="submit" class="btn btn-primary">@lang('messages.save')</button> &nbsp;&nbsp;
										<br>
										<br>

									</div>

									<div class="col-md-6">



									</div>

								</div>
								

							</form>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>


</div>

<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css" rel="stylesheet"/>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.js"></script>

<script>
	function myFunction() {
		if(!confirm("Are you sure want to delete this custom fields?"))
			event.preventDefault();
	}
</script>

<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
	$(document).ready( function () {
		$('.dataTable').DataTable({
			"pageLength": 25,
			"ordering": false
		});

	} );
</script>



<style type="text/css">
	.dataTables_wrapper .dataTables_paginate .paginate_button.current{
		color: #fff !important;
	}
</style>

@endsection