@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
suppliers List
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/backend/vendors/datatables/css/dataTables.bootstrap.css') }}" />
<link href="{{ asset('assets/backend/css/pages/tables.css') }}" rel="stylesheet" type="text/css" />
@stop


{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>Suppliers</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li>suppliers</li>
        <li class="active">suppliers</li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
        <div class="panel panel-primary ">
            <div class="panel-heading clearfix">
                <h4 class="panel-title pull-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    Suppliers List
                </h4>
                <div class="pull-right">
                    <a href="{{ route('suppliers.create') }}" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span> @lang('button.create')</a>
                </div>
            </div>
            <br />
            <div class="panel-body">
                <table class="table table-bordered " id="table">
                    <thead>
                        <tr class="filters">
                            <th>ID</th>
                            <th>Name</th>
							<th>Phone Number</th>
							<th>Country</th>
							<th>Owner Name</th>
							<th>Phone</th>
							<th>Email</th>
							<th>License No</th>
							<th>Reg No</th>
							<th>Business Type</th>
							<th>Reg Date</th>
							<th>Approval Date</th>
							<th>Approver</th>
							<th>Agent Code</th>
							<th>Till Number</th>
							<th>Till Mno</th>
							<th>Number Branch</th>
							<th>Bank Account</th>
							<th>Bank Name</th>
							<th>Ref Code</th>
							<th>Status Code</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach ($suppliers as $supplier)
                        <tr>
                            <td>{!! $supplier->id !!}</td>
                            <td>{!! $supplier->name !!}</td>
							<td>{!! $supplier->phone_number !!}</td>
							<td>{!! $supplier->country->name !!}</td>
							<td>{!! $supplier->owner_name !!}</td>
							<td>{!! $supplier->phone !!}</td>
							<td>{!! $supplier->email !!}</td>
							<td>{!! $supplier->license_no !!}</td>
							<td>{!! $supplier->reg_no !!}</td>
							<td>{!! $supplier->business_type->name !!}</td>
							<td>{!! $supplier->reg_date !!}</td>
							<td>{!! $supplier->approval_date !!}</td>
							<td>{!! $supplier->approver->name !!}</td>
							<td>{!! $supplier->agent_code !!}</td>
							<td>{!! $supplier->till_number !!}</td>
							<td>{!! $supplier->till_mno->name !!}</td>
							<td>{!! $supplier->number_branch !!}</td>
							<td>{!! $supplier->bank_account !!}</td>
							<td>{!! $supplier->bank_name !!}</td>
							<td>{!! $supplier->ref_code !!}</td>
							<td>{!! $supplier->status->name !!}</td>
                            <td>
                                <a href="{{ route('suppliers.show', $supplier->id) }}">
                                    <i class="livicon" data-name="info" data-size="18" data-loop="true" data-c="#428BCA" data-hc="#428BCA" title="view supplier"></i>
                                </a>
                                <a href="{{ route('suppliers.edit', $supplier->id) }}">
                                    <i class="livicon" data-name="edit" data-size="18" data-loop="true" data-c="#428BCA" data-hc="#428BCA" title="edit supplier"></i>
                                </a>
                                <a href="{{ route('admin.suppliers.confirm-delete', $supplier->id) }}" data-toggle="modal" data-target="#delete_confirm">
                                    <i class="livicon" data-name="remove-alt" data-size="18" data-loop="true" data-c="#f56954" data-hc="#f56954" title="delete supplier"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>    <!-- row-->
</section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script type="text/javascript" src="{{ asset('assets/backend/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/backend/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>

<script>
$(document).ready(function() {
    $('#table').DataTable({
        "pageLength": 25,
        "order": [0,"desc"]
    });
});
</script>


<div class="modal fade" id="delete_confirm" tabindex="-1" role="dialog" aria-labelledby="user_delete_confirm_title" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    </div>
  </div>
</div>
<script>$(function () {$('body').on('hidden.bs.modal', '.modal', function () {$(this).removeData('bs.modal');});});</script>
@stop