@extends('layouts.app')
@section('title', trans('settings.native_app_title'))

@section('content')
	@php $user = auth()->user(); @endphp
<div class="content">
    <x-content.header title="{{__('title.settings_native_app')}}" >
		<x-slot:headerRight>
			<a href="{{url('settings/native-app/create')}}" class="btn-secondary-base"><x-svg-icon icon="icon-plus" />{{trans('forms.lbl_add_new')}}</a>
			<a href="javascript:;" data-uri="{{url('settings/native-app')}}" class="btn-delete-all btn-secondary-base"><i class="mdi mdi-delete"></i>{{trans('forms.lbl_delete')}}</a>
		</x-slot:headerRight>
	</x-content.header>
	<table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
		<thead>
			<tr>
				<th scope="col" width="10%">
					<input class="table-header-checkbox" type="checkbox" name="select_all" id="select-all" value="1">
				</th>
				<th scope="col">{{trans("tables.name_title")}}</th>
				<th scope="col">{{trans("forms.lbl_sub_domain")}}</th>
				<th scope="col">{{trans("forms.lbl_host")}}</th>
				<th scope="col">{{trans("forms.lbl_keyword")}}</th>
				<th scope="col">{{trans("forms.lbl_is_secure")}}</th>
				<th scope="col">{{trans("tables.active_title")}}</th>
				<th scope="col" width="10%">{{trans("tables.action_title")}}</th>
			</tr>
		</thead>
	</table>
</div>

@stop

@section('footer-script')
    <script type="text/javascript">

        PDDataTable({
            url: "{{ url('settings/native-app') }}",
            columns:[
                { data: 'checkboxgrid', name: 'checkboxgrid', orderable: false, searchable: false, className: "checkbox-column"},
                { data: 'name', name: 'name',className:"name-pointer"},
                { data: 'sub_domain', name: 'sub_domain'},
                { data: 'host', name: 'host'},
                { data: 'keyword', name: 'keyword'},
				{ data: 'is_secure', name: 'is_secure'},
				{ data: 'status', name: 'status'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className: "text-right" }
            ],
            order : [1, 'asc']
        });

    </script>

@stop