@extends('admin.layout.master')
@section('title', 'Manage VENDOR')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">Vendor Info</h4>
            <div class="col-6 d-flex justify-content-end">
                @if(checkAuthPermission('vendor.create'))
                <a href="{{ route('vendor.create') }}" class="btn-sina-title-add d-flex align-items-center" type="button"
                    name="button">
                    <div class="col pl-0 pr-2">
                        <i class="fas fa-plus-circle"></i>
                    </div>
                    <div> Add New </div>
                </a>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-4">  
                <div class="col-md-3 col-6">
                    <label>Group</label>
                    <select name="group_id" class="form-control select_2" id="group_id">
                        <option value=""></option>
                        @foreach ($groups as $group)
                            <option value="{{ $group->id }}">{{ $group->name_eng }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4 col-6">
                    <label>Name</label>
                    <select name="party_id" id="party_id" style="width: 100%" class="form-control party_live"> 
                    </select>
                </div>
                <div class="col-md-3 col-6">
                    <label for="status">Status</label>
                    <select name="status" class="form-control select_2" id="status"> 
                        <option value=""></option>
                        <option value="1">Active</option>
                        <option value="2">Inactive</option>
                    </select>
                </div>
                <div class="col-md-2 col-6"> <br>
                    <button class="btn btn-danger btn-sm" onclick="filter()"><i class="fas fa-search"></i></button> 
                </div>  
            </div>

            <div class="row">
                <div class="col-md-12" id="div_tbl"> 
                        <table class="table table-hover table-bordered" id="div_tbl" style="width:100%">
                            <thead class="thead-dark">
                                <tr>
                                    <th>#</th>
                                    <th>Code</th>
                                    <th>User Name</th>
                                    <th>Name</th>
                                    <th>Mobile</th> 
                                    <th>Status</th> 
                                    <th>Action</th>

                                </tr>
                            </thead>
                            <tbody id="DataSet">
                               
                            </tbody>
                        </table>
                    
                    </div>
                </div>
            </div>
        </div>

        @include('inventory.forms.customer_info')
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    {{-- <div class="row mt-3 mb-3">
                <div class="col-md-12"> --}}
                    <table class="table table-hover table-bordered" id="Dttabble">

                        <thead class="thead-dark">
                            <tr>
                                <th>#</th>
                                <th>Code</th>
                                <th>Name</th>
                                <th>Mobile</th>
                                <th>Address</th>
                                <th>Bank Name</th>
                                <th>Account Number</th>
                                <th>Commission</th>
                                <th>Commission Type</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($vendors as $vendor)
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $vendor->code }}</td>
                                        <td>{{ $vendor->name_eng }}</td>
                                        <td>{{ $vendor->mobile }}</td>
                                        <td>{{ $vendor->address }}</td>
                                        <td>{{ $vendor->bank_name }}</td>
                                        <td>{{ $vendor->acc_number }}</td>
                                        <td>{{ $vendor->commission }}</td>
                                        <td>
                                            @if ($vendor->commission_type == 1)
                                                <p style="color: green">Fixed</p>
                                            @elseif ($vendor->commission_type ==2)
                                                <p style="color: blue">customize
                                                </p>
                                            @else
                                                <p style="color: red">Not Found</p>
                                            @endif
                                        </td>
                                       
                                        <td>
                                            @if(checkAuthPermission('vendor.edit'))
                                                <a href="{{ route('vendor.edit', ['id' => $vendor->id]) }}" class="btn btn-danger btn-sm">Edit</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        {{-- </div>
            </div> --}}
                    </div>
                </div>
            </div>
        </div>
        </div>

        <script type="text/javascript" src="{{ asset('inventory/custom/vendor.js') }}"></script>
       

    @endsection