@extends('_partials.master')
@section('page_title', 'Vendors')
@section('page_heading', 'Vendors')

@section('page_styles')
    <!--  -->
@endsection

@section('content')

<section>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                  <h4 class="card-title">List all Vendors</h4>
                  <div class="heading-elements">
                        <a href="{{ route('vendor.create') }}" class="btn btn-info btn-sm">
                            <i class="la la-plus"></i> Create New
                        </a>
                    </div>
                </div>
                <div class="card-content">
                    <div class="card-body card-dashboard">
                        <table class="table table-bordered dtTable-excel-export">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>User</th>
                                    <th>Created Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($vendors as $vendor)
                                    <tr>
                                        <td> {{ $vendor->id }} </td>
                                        <td> {{ $vendor->name }} </td>
                                        <td> {{ $vendor->user_id ?? '-' }} </td>
                                        <td> {{ $vendor->created_at->format('d/m/Y') }} </td>

                                        <td class="no-wrap">

                                            {!! Form::open(array(
                                                    'route' => array('vendor.delete', $vendor->id),
                                                    'method' => 'delete',
                                                    'class'=>'delSwalForm',
                                                    'style'=>'display:inline'
                                            )) !!}

                                            <a href="{{ route('vendor.edit', $vendor->id ) }}" class="btn btn-warning btn-sm">
                                                <i class="la la-pencil"></i> Edit
                                            </a>

                                            <button type="submit" class="btn btn-icon btn-danger btn-sm delSwal">
                                                <i class="la la-trash"></i> Delete
                                            </button>

                                            {!! Form::close() !!}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@stop

@push('page_scripts')

    <script type="text/javascript">
        $(document).ready(function() {

            // Excel Export Datatable Initialization
            $('.dtTable-excel-export').DataTable({
                pageLength: 100,
                dom: 'Bfrtip',
                buttons: [{
                    extend: 'excelHtml5',
                    text: 'Export to Excel',
                    className: 'btn btn-info btn-sm',
                    exportOptions: {
                       columns: 'th:not(:last-child)'
                    },
                    customize: function(xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];

                        // Loop over the cells in column `F`
                        $('row c[r^="F"]', sheet).each( function () {
                            // Get the value and strip the non numeric characters
                            if ( $('is t', this).text().replace(/[^\d]/g, '') * 1 >= 500000 ) {
                                $(this).attr( 's', '20' );
                            }
                        });
                    }
                }]
            });
        })
    </script>

@endpush