@extends('layouts.default_module')
@section('module_name')
VENDOR
@stop
@section('add_btn')

{!! Form::open(['method' => 'get', 'route' => ['vendor.create'], 'files'=>true]) !!}
<span>{!! Form::submit('Add', ['class' => 'btn btn-success pull-right']) !!}</span>
{!! Form::close() !!}
@stop

@section('table-properties')
width="400px" style="table-layout:fixed;"
@endsection

@section('app_jquery')
@section('app_jquery')

<style>
	td {
		white-space: nowrap;
		overflow: hidden;
		width: 30px;
		height: 30px;
		text-overflow: ellipsis;
	}
</style>
@section('table')
<table id="userTable" style="opacity: 0">
<thead>
	<tr>
	   <th>Name</th>
	   <th>Email</th>
	   <th>Phone no </th>
	   <th>Address </th>
	   <th>Additional Info </th>
	   <th>Edit</th>
	   <th>Delete </th>
	</tr>
</thead>
<tbody>
</tbody>
</table>
@section('pagination')
<div class="col-md-3 pull-left">
	<div class="form-group text-center">
		<div>
			{!! Form::open(['method' => 'get', 'route' => ['dashboard']]) !!}
			{!! Form::submit('Cancel', ['class' => 'btn btn-default btn-block btn-lg btn-parsley']) !!}
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endsection
@stop



<script>

$(document).ready(function(){

    fetchRecords();

    function fetchRecords(){

       $.ajax({

         url: '{!!asset("admin/get_vendor")!!}',
         type: 'get',
         dataType: 'json',





         success: function(response){
            
console.log('sasdasdada',response);
            $("#userTable").css("opacity",1);

           var len = response['data'].length;


              for(var i=0; i<len; i++){

                var id =  response['data'][i].id;
                var name = response['data'][i].user.name;
                var email = response['data'][i].user.email;
                var phone_no = response['data'][i].user.phone_no;
                var address = response['data'][i].user.address;
                var additional_info = response['data'][i].additional_info;

                var edit = `<a class="btn btn-info" href="{!!asset('admin/vendor/edit/`+id+`')!!}">Edit</a>`

                var del =  `<form style='margin-bottom:0;' method="post" action="{!!asset('admin/subjects/delete/`+id+`')!!}">
                            <a href="" data-toggle="modal"  onclick="activate_delete(this)" name="activate_delete" data-target=".delete" modal_heading="Alert" modal_msg="Do you want to delete?">
                            <span class="btn btn-info">{!!`+deleted_at+`?'Activate':'Delete'!!}</span></a>
                            </form>`

                var tr_str = "<tr>" +
                    "<td>" + name + "</td>" +
                    "<td>" + email + "</td>" +
                    "<td>" + phone_no + "</td>" +
                    "<td>" + address + "</td>" +
                    "<td>" + additional_info + "</td>" +
                    "<td>" + edit + "</td>" +
                    "<td>" + del + "</td>" +
                "</tr>";

                 $("#userTable tbody").append(tr_str);
                }
                $('#userTable').DataTable({
                    dom: 'Bfrtip',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf', 'print'
                    ],
                });
        }
       });
    }

});

function set_msg_modal(msg){
        $('.set_msg_modal').html(msg);
    }

</script>
@endsection