@extends("layouts.master")
@section("content")
<style>
  .min-with-150{
    min-width: 150px !important;
  }
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      {{-- <div class="container-fluid"> --}}
        <div class="row mb-2">
			<div class="col-sm-6">
				<h4>{{__("application.activities")}}</h4>
			</div>
			<div class="col-sm-6">
				<ol class="breadcrumb float-sm-right">
					<li class="breadcrumb-item"><a href="{{route('home')}}">{{__("application.Dashboard")}}</a></li>
					<li class="breadcrumb-item">{{__("application.crm")}}</li>
					<li class="breadcrumb-item active">{{__("application.activities")}}</li>
				</ol>
			</div>
        </div>
      {{-- </div> --}}
      <!-- /.container-fluid -->
    </section>
    <!-- Main content -->
    <section class="content">
		<div class="row">
			<div class="col-12">
				<div class="card" style="height: 100%;">
					<div class="card-header">
						<div class="pull-left" style="float: left;">
						</div>
						<div class="pull-right" style="float: right;">
							<a class="btn btn-sm btn-default" href="{{ route('activities.calendar_view') }}" title="view as calendar"><i class="fas fa-calendar-alt"></i></a>
                            <a class="btn btn-sm btn-default" href="{{ route('activities.index') }}" title = "view as list"><i class="fas fa-list-ul"></i></a>
						</div>
					</div>
					<!-- /.card-header -->
					<div class="card-body table-responsive">
						<table id="datatable" class="table table-bordered table-hover nowrap"
							ajax="{{ route('activities.index') }}">
							<thead>
								<tr>
									<th data="DT_RowIndex" orderable="false" searchable="false">
										{{ __('application.No') }}</th>
									<th data="due_date" name="crm_activity.due_date" global-filter = "true" global-filter-type = "date">{{ __('application.Due Date') }}</th>
									<th data="activity_type" name="crm_activity_types.name">{{ __('application.Type') }}</th>
									<th data="summary_note" name="crm_activity.summary_note">{{ __('application.summary') }}</th>
									<th data="sale_person_name" name="sale_person.name_kh">{{ __('application.assigned_to') }}</th>
									<th data="pipeline_name" name="crm_pipeline.name">{{ __('application.opportunities') }}</th>
									<th data="customer_name" name="crm_customer.name_kh">{{ __('application.Customer') }}</th>
									<th data="log_note" name="crm_activity.log_note">{{ __('application.Description') }}</th>
									<th data="feedback" name="crm_activity.feedback">{{ __('application.Feedback') }}</th>
									<th data="activity_status" name="crm_activity.activity_status" global-filter = "true" global-filter-type = "select" global-filter-value = '[{"id":"1","name":"Pending"},{"id":"2","name":"Done"}]'>{{ __('application.Status') }}</th>
									<th data = "action" searchable="false" orderable = "false">{{__("application.Action")}}</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>
					<!-- /.card-body -->
				</div>
				<!-- /.card -->
			</div>
			<!-- /.col -->
		</div>
		<!-- /.row -->
	</section>
    <!-- /.content -->
</div>
  <!-- /.content-wrapper -->
@endsection
@section('js')
<script>
	function edit_activity(obj){
		let url = $(obj).data("href");
		model_show_info(url,"#schedule-activit-form");
	}
  	function delete_row(id){
		let url = '{{ route( "activities.destroy",":id") }}';
		url = url.replace(":id",id);
		destroy_row_datatable(url);
  }
</script>
@endsection