@extends('layouts.app')

@section('content')
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">{{ __('suppliers.title') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ route('dashboard', app('current_company')->uuid) }}" class="text-muted text-hover-primary">{{ __('common.home') ?? 'Anasayfa' }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('suppliers.title') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Create:Supplier')
                <a href="{{ route('suppliers.create', app('current_company')->uuid) }}" class="btn btn-sm fw-bold btn-primary">{{ __('suppliers.create_new') }}</a>
            @endcan
        </div>
    </div>
</div>
<!--end::Toolbar-->

<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">

        @if(session('success'))
            <div class="alert alert-success d-flex align-items-center p-5 mb-10">
                <i class="ki-duotone ki-shield-tick fs-2hx text-success me-4"><span class="path1"></span><span class="path2"></span></i>
                <div class="d-flex flex-column">
                    <span>{{ session('success') }}</span>
                </div>
            </div>
        @endif

        <div class="card">
            <!--begin::Card header-->
            <div class="card-header border-0 pt-6">
                <div class="card-title">
                    <!--begin::Search-->
                    <form action="{{ route('suppliers.index', app('current_company')->uuid) }}" method="GET" class="d-flex align-items-center position-relative my-1">
                        <i class="ki-outline ki-magnifier fs-3 position-absolute ms-5"></i>
                        <input type="text" name="search" class="form-control form-control-solid w-250px ps-13" placeholder="{{ __('suppliers.search') }}" value="{{ request('search') }}" />
                        
                        <div class="w-150px ms-3">
                            <select name="status" class="form-select form-select-solid" data-control="select2" data-hide-search="true">
                                <option value="">{{ __('suppliers.status') }}</option>
                                <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>{{ __('suppliers.active') }}</option>
                                <option value="inactive" {{ request('status') === 'inactive' ? 'selected' : '' }}>{{ __('suppliers.inactive') }}</option>
                            </select>
                        </div>

                        <button type="submit" class="btn btn-light-primary ms-3">{{ __('common.filter') ?? 'Filtrele' }}</button>
                        @if(request()->anyFilled(['search', 'status']))
                            <a href="{{ route('suppliers.index', app('current_company')->uuid) }}" class="btn btn-light-danger ms-2">{{ __('common.clear') ?? 'Temizle' }}</a>
                        @endif
                    </form>
                    <!--end::Search-->
                </div>
            </div>
            <!--end::Card header-->

            <!--begin::Card body-->
            <div class="card-body pt-0">
                <!--begin::Table-->
                <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_suppliers_table">
                    <thead>
                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                            <th>{{ __('suppliers.name') }}</th>
                            <th>{{ __('suppliers.phone') }}</th>
                            <th>{{ __('suppliers.email') }}</th>
                            <th>{{ __('suppliers.tax_number') }}</th>
                            <th>{{ __('suppliers.status') }}</th>
                            <th class="text-end min-w-70px">{{ __('common.actions') ?? 'İşlemler' }}</th>
                        </tr>
                    </thead>
                    <tbody class="fw-semibold text-gray-600">
                        @forelse($suppliers as $supplier)
                            <tr>
                                <td>
                                    <a href="{{ route('suppliers.show', ['company' => app('current_company')->uuid, 'supplier' => $supplier->uuid]) }}" class="text-gray-800 text-hover-primary fw-bold">{{ $supplier->name }}</a>
                                </td>
                                <td>{{ $supplier->phone ?? '-' }}</td>
                                <td>{{ $supplier->email ?? '-' }}</td>
                                <td>
                                    @if($supplier->tax_number)
                                        <span class="badge badge-light-secondary">{{ $supplier->tax_number }} ({{ $supplier->tax_office ?? '-' }})</span>
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    @if($supplier->status === 'active')
                                        <span class="badge badge-light-success">{{ __('suppliers.active') }}</span>
                                    @else
                                        <span class="badge badge-light-danger">{{ __('suppliers.inactive') }}</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                        {{ __('common.actions') ?? 'İşlemler' }}
                                        <i class="ki-outline ki-down fs-5 ms-1"></i>
                                    </a>
                                    <!--begin::Menu-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
                                        <div class="menu-item px-3">
                                            <a href="{{ route('suppliers.show', ['company' => app('current_company')->uuid, 'supplier' => $supplier->uuid]) }}" class="menu-link px-3">{{ __('common.view') ?? 'Görüntüle' }}</a>
                                        </div>
                                        @can('Update:Supplier')
                                            <div class="menu-item px-3">
                                                <a href="{{ route('suppliers.edit', ['company' => app('current_company')->uuid, 'supplier' => $supplier->uuid]) }}" class="menu-link px-3">{{ __('suppliers.edit') }}</a>
                                            </div>
                                        @endcan
                                        @can('Delete:Supplier')
                                            <div class="menu-item px-3">
                                                <form action="{{ route('suppliers.destroy', ['company' => app('current_company')->uuid, 'supplier' => $supplier->uuid]) }}" method="POST" onsubmit="return confirm('{{ __('suppliers.delete_confirm') }}');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="menu-link px-3 btn btn-clean text-danger w-100 text-start border-0 bg-transparent" style="font-size: 13px;">{{ __('common.delete') ?? 'Sil' }}</button>
                                                </form>
                                            </div>
                                        @endcan
                                    </div>
                                    <!--end::Menu-->
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center py-10">
                                    <div class="text-gray-400 fs-5">{{ __('suppliers.no_records') }}</div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                <!--end::Table-->

                <div class="d-flex justify-content-end mt-4">
                    {{ $suppliers->links() }}
                </div>
            </div>
            <!--end::Card body-->
        </div>

    </div>
</div>
@endsection