@extends('layouts.internal')

@section('content')
@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
@if(url()->previous() != url()->current())
<li class="breadcrumb-item"><a href="{{url()->previous()}}">&leftarrow; Previous Page</a></li>
@endif						
<li class="breadcrumb-item"><a href="javascript:;">Tenant</a></li>

</ol>
</div>
@endsection
<div class="card ">
          <div class="card-body">

    @if ($message = Session::get('success'))
    <div class="alert alert-success">
      <p>{{ $message }}</p>
    </div>
    @endif
    <div class="table-responsive">


        <table id="data-table" class="table table-bordered datatable">
        <!-- <a class="btn btn-success" href="{{ route('tenants.create') }}"> Create New</a> -->

            <thead>
                <tr>
                    <th>#</th>
                    <th>Type</th>
                    <th>Source</th>
                    <th>Name</th>
                    <th>Company Name</th>
                    <th>Marketplace Features</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($records as $data)
                <tr>
                    <td>{{ $i++ }}</td>
                    <td>{{ $data->type }}</td>
                    <td>{{ $data->source }}</td>
                    <td>{{ $data->name }}</td>
                    <td>{{ $data->company_domain }}</td>
                    <td>{{ $data->enable_marketplace_features == 1 ? 'True' : 'False' }}</td>
                    <td>
                        <a href="{{ route('tenants.edit',$data->id) }}" class="edit" title="Edit" data-toggle="tooltip"><i class="fa fa-edit"></i></a>
                        <a href="{{route('deleteTenant', $data->id)}}" onclick='return confirm("Are you sure you want to delete?")'><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

</div>


@section('css')
<link href="{{ asset('css/dataTables.bootstrap4.css') }}" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
@endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap4.min.js') }}"></script>
<script>
 $('.datatable').dataTable({
    "pageLength": 50, 
    "bLengthChange": false});
    $('.datatable').attr('style', 'border-collapse: collapse !important');

</script>
@endsection
@endsection