@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> {{ __('obs.add_new') }} </div>
                    </a>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col-md-3 col-6">
                    <label>{{ __('obs.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>{{ __('obs.name') }}</label>
                    {{-- <select name="party_id" id="party_id" style="width: 100%" class="form-control party_live"> </select> --}}
                    @include('v2.inventory.global.party_live_dd', ['type' => 1, 'allow_clear' => true])
                </div>
                <div class="col-md-3 col-6">
                    <label for="status">{{ __('obs.status') }}</label>
                    <select name="status" class="form-control select_2" id="status">
                        <option value=""></option>
                        <option value="1">{{ __('obs.active') }}</option>
                        <option value="2">{{ __('obs.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>{{ __('obs.code') }}</th>
                                <th>{{ __('obs.user') }} {{ __('obs.name') }}</th>
                                <th>{{ __('obs.name') }}</th>
                                <th>{{ __('obs.mobile') }}</th>
                                <th>{{ __('obs.status') }}</th>
                                <th>{{ __('obs.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">
                <table class="table table-hover table-bordered" id="Dttabble">

                    <thead class="thead-dark">
                        <tr>
                            <th>#</th>
                            <th>{{ __('obs.code') }}</th>
                            <th>{{ __('obs.name') }}</th>
                            <th>{{ __('obs.mobile') }}</th>
                            <th>{{ __('obs.address') }}</th>
                            <th>{{ __('obs.bank') }} {{ __('obs.name') }}</th>
                            <th>{{ __('obs.account') }} {{ __('obs.number') }}</th>
                            <th>{{ __('obs.commission{') }}</th>
                            <th>{{ __('obs.commission') }} {{ __('obs.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">{{ __('obs.fixed') }}</p>
                                    @elseif ($vendor->commission_type == 2)
                                        <p style="color: blue">{{ __('obs.customize') }}
                                        </p>
                                    @else
                                        <p style="color: red">{{ __('obs.not') }} {{ __('obs.found') }}</p>
                                    @endif
                                </td>

                                <td>
                                    @if (checkAuthPermission('vendor.edit'))
                                        <a href="{{ route('vendor.edit', ['id' => $vendor->id]) }}"
                                            class="btn btn-danger btn-sm">{{ __('obs.edit') }}</a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @include('admin.global.loader')
            </div>
        </div>
    </div>
@endsection

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