@extends('layouts.app')

@section('content')
<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">{{ __('messages.cloth_types') }}</h1>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Create:ClothType')
                <a href="{{ route('cloth-types.create') }}" class="btn btn-sm fw-bold btn-primary">{{ __('common.add_new') }}</a>
            @endcan
        </div>
    </div>
</div>

<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        <div class="card">
            <div class="card-header border-0 pt-6">
                <div class="card-title">
                    <!--begin::Search-->
                    <form action="{{ route('cloth-types.index') }}" method="GET" class="d-flex align-items-center position-relative my-1">
                        <i class="ki-duotone ki-magnifier fs-3 position-absolute ms-5"><span class="path1"></span><span class="path2"></span></i>
                        <input type="text" name="search" value="{{ request('search') }}" class="form-control form-control-solid w-250px ps-13" placeholder="{{ __('messages.cloth_types_search') }}" />
                        @if(request('sort'))
                            <input type="hidden" name="sort" value="{{ request('sort') }}">
                        @endif
                        @if(request('direction'))
                            <input type="hidden" name="direction" value="{{ request('direction') }}">
                        @endif
                    </form>
                    <!--end::Search-->
                </div>
            </div>
            <div class="card-body pt-0">
                <table class="table align-middle table-row-dashed fs-6 gy-5">
                    <thead>
                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                            <th class="min-w-125px">
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'title', 'direction' => request('sort') === 'title' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center">
                                    {{ __('messages.cloth_title') }}
                                    @if(request('sort') === 'title')
                                        <i class="ki-duotone ki-arrow-{{ request('direction') === 'asc' ? 'up' : 'down' }} ms-1 fs-7"><span class="path1"></span><span class="path2"></span></i>
                                    @endif
                                </a>
                            </th>
                            <th class="min-w-125px">
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'is_active', 'direction' => request('sort') === 'is_active' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center">
                                    {{ __('messages.status') }}
                                    @if(request('sort') === 'is_active')
                                        <i class="ki-duotone ki-arrow-{{ request('direction') === 'asc' ? 'up' : 'down' }} ms-1 fs-7"><span class="path1"></span><span class="path2"></span></i>
                                    @endif
                                </a>
                            </th>
                            <th class="min-w-125px">{{ __('messages.cloth_measure_types') }}</th>
                            <th class="text-end min-w-100px">{{ __('common.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody class="fw-semibold text-gray-600">
                        @forelse($clothTypes as $clothType)
                            <tr>
                                <td>{{ $clothType->title }}</td>
                                <td>
                                    @if($clothType->is_active)
                                        <i class="ki-outline ki-check-circle text-success fs-2"></i>
                                    @else
                                        <i class="ki-outline ki-cross-circle text-danger fs-2"></i>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge badge-light-warning fs-7 fw-bold">{{ $clothType->measure_types_count }}</span>
                                </td>
                                <td class="text-end">
                                    <div class="d-inline-flex align-items-center gap-2 justify-content-end">
                                        @can('Update:ClothType')
                                            <a href="{{ route('cloth-types.edit', ['cloth_type' => $clothType]) }}" 
                                               class="btn btn-icon btn-sm btn-light-warning"
                                               title="{{ __('common.edit') }}">
                                                <i class="ki-outline ki-notepad-edit fs-4"></i>
                                            </a>
                                        @endcan
                                        @can('Delete:ClothType')
                                            <form action="{{ route('cloth-types.destroy', ['cloth_type' => $clothType]) }}" method="POST" class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" 
                                                        class="btn btn-icon btn-sm btn-light-danger"
                                                        title="{{ __('common.delete') }}">
                                                    <i class="ki-outline ki-trash fs-4"></i>
                                                </button>
                                            </form>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center py-10">{{ __('messages.no_record_found') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>

                <div class="pt-8">
                    {{ $clothTypes->links('pagination::bootstrap-5') }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection