@extends('layouts.admin')
@section('content')
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Sellers')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Manage Sellers')</li>
                </ul>
            </div>
        </div>
    </div>
    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="buttons_block">
    @if(IzoCommonHelper::hasPermission('seller_add'))
        <div class="btn-group mr5">
            <a class="btn btn-primary tip" href="{{ URL::to('admin/seller/create') }}" title="Add New">@lang('messages.Add New')</a>
        </div>
    @endif
    </div>
    <div class="content">
        <div class="table-responsive">
     @if(IzoCommonHelper::hasPermission('seller_list'))
            <table id="sellerList" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">
                    <th>@lang('messages.Id')</th>
                    <th>@lang('messages.Seller Name')</th>
                    <th>@lang('messages.Mobile Number')</th>
                    <th>@lang('messages.Action')</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                        <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                    </td>
                </tr>
                </tbody>
            </table>
     @endif
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            window.vTable = $('#sellerList').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                /*buttons: [
                 {
                 extend: 'excel',
                 footer: false,
                 title:'Vendors',
                 text:'Export',
                 exportOptions: {
                 columns: [0,1,2,3,4,5,6,7]
                 }
                 }
                 ], */
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ URL::to('admin/seller/ajax-list') }}',
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                },
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'name', name: 'name', searchable: true},
                    {data: 'mobile_number', name: 'mobile_number', searchable: true},
                    {data: 'action', name: 'action', searchable: false, orderable:false}
                ],
            });
        });
    </script>
@endsection