@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">{{ __('orders.title') }}</h1>
            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                <li class="breadcrumb-item text-muted">
                    <a href="{{ url('/') }}" class="text-muted text-hover-primary">{{ __('common.home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                </li>
                <li class="breadcrumb-item text-muted">{{ __('orders.title') }}</li>
            </ul>
        </div>
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            @can('Create:Order')
                @if(app('current_company')->canCreateOrder())
                    <a href="{{ route('orders.create') }}" class="btn btn-sm fw-bold btn-primary">{{ __('orders.create_new') }}</a>
                @else
                    <button type="button" class="btn btn-sm fw-bold btn-primary" onclick="Swal.fire({text: 'Sipariş limitinize ulaştınız. Devam etmek için lütfen paketinizi yükseltin.', icon: 'warning', confirmButtonText: 'Tamam'})">{{ __('orders.create_new') }}</button>
                @endif
            @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">
        @can('View:Finance')
        <!--begin::Stats-->
        <div class="row g-6 g-xl-9 mb-9">
            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <!--begin::Card-->
                <div class="card card-flush h-md-100">
                    <!--begin::Header-->
                    <div class="card-header pt-5">
                        <!--begin::Title-->
                        <div class="card-title d-flex flex-column">
                            <!--begin::Info-->
                            <div class="d-flex align-items-center">
                                <!--begin::Amount-->
                                <span class="fs-2hx fw-bold text-gray-900 me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($totalPrice, $company->currency)</span>
                                <!--end::Amount-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Subtitle-->
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('orders.total_order_amount') }}</span>
                            <!--end::Subtitle-->
                        </div>
                        <!--end::Title-->
                        <!--begin::Icon-->
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-primary">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-wallet fs-2x text-primary"></i>
                                </span>
                            </div>
                        </div>
                        <!--end::Icon-->
                    </div>
                    <!--end::Header-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <!--begin::Card-->
                <div class="card card-flush h-md-100">
                    <!--begin::Header-->
                    <div class="card-header pt-5">
                        <!--begin::Title-->
                        <div class="card-title d-flex flex-column">
                            <!--begin::Info-->
                            <div class="d-flex align-items-center">
                                <!--begin::Amount-->
                                <span class="fs-2hx fw-bold text-success me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($advancePayment, $company->currency)</span>
                                <!--end::Amount-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Subtitle-->
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('orders.total_advance_payment') }}</span>
                            <!--end::Subtitle-->
                        </div>
                        <!--end::Title-->
                        <!--begin::Icon-->
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-success">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-bill fs-2x text-success"></i>
                                </span>
                            </div>
                        </div>
                        <!--end::Icon-->
                    </div>
                    <!--end::Header-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->

            <!--begin::Col-->
            <div class="col-md-6 col-lg-4">
                <!--begin::Card-->
                <div class="card card-flush h-md-100">
                    <!--begin::Header-->
                    <div class="card-header pt-5">
                        <!--begin::Title-->
                        <div class="card-title d-flex flex-column">
                            <!--begin::Info-->
                            <div class="d-flex align-items-center">
                                <!--begin::Amount-->
                                <span class="fs-2hx fw-bold text-danger me-2 lh-1 ls-n2 font-monospace">@moneyWithCurrency($balance, $company->currency)</span>
                                <!--end::Amount-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Subtitle-->
                            <span class="text-gray-500 pt-1 fw-semibold fs-6">{{ __('orders.total_remaining_balance') }}</span>
                            <!--end::Subtitle-->
                        </div>
                        <!--end::Title-->
                        <!--begin::Icon-->
                        <div class="card-toolbar">
                            <div class="symbol symbol-45px symbol-circle bg-light-danger">
                                <span class="symbol-label">
                                    <i class="ki-outline ki-document fs-2x text-danger"></i>
                                </span>
                            </div>
                        </div>
                        <!--end::Icon-->
                    </div>
                    <!--end::Header-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Col-->
        </div>
        <!--end::Stats-->
        @endcan

        <div class="card">
            <div class="card-header border-0 pt-6">
                <div class="card-title">
                    <!--begin::Search and Filter-->
                    <form action="{{ route('orders.index') }}" method="GET" class="d-flex align-items-center flex-wrap gap-3 my-1">
                        <div class="position-relative">
                            <i class="ki-duotone ki-magnifier fs-3 position-absolute ms-5 mt-4" style="top: -2px;"><span class="path1"></span><span class="path2"></span></i>
                            <input type="text" name="search" value="{{ request('search') }}" class="form-control form-control-solid w-200px ps-13" placeholder="{{ __('orders.search') }}" />
                        </div>
                        
                        <div class="w-200px">
                            <select name="customer_id" class="form-select form-select-solid" data-control="select2" data-placeholder="{{ __('common.customer') }} Seçin..." data-allow-clear="true" onchange="this.form.submit()">
                                <option></option>
                                @foreach($customers as $c)
                                    <option value="{{ $c->id }}" {{ request('customer_id') == $c->id ? 'selected' : '' }}>
                                        {{ $c->first_name }} {{ $c->last_name }} ({{ $c->customer_code }})
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="w-150px">
                            <select name="status" class="form-select form-select-solid" data-control="select2" data-placeholder="Durum Seçin..." data-allow-clear="true" onchange="this.form.submit()">
                                <option></option>
                                @foreach($statuses as $val => $lbl)
                                    <option value="{{ $val }}" {{ request('status') == $val ? 'selected' : '' }}>
                                        {{ $lbl }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="d-flex align-items-center gap-2">
                            <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-control form-control-solid w-150px" onchange="this.form.submit()" />
                            <span class="text-gray-500">-</span>
                            <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-control form-control-solid w-150px" onchange="this.form.submit()" />
                        </div>

                        <button type="submit" class="btn btn-light-primary fw-bold">{{ __('common.filter') }}</button>
                        @if(request('customer_id') || request('status') || request('date_from') || request('date_to') || request('search'))
                            <a href="{{ route('orders.index') }}" class="btn btn-light-danger fw-bold">Temizle</a>
                        @endif

                        @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 and Filter-->
                </div>
            </div>
            <div class="card-body pt-0">
                <div class="table-responsive">
                    <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_orders_table">
                        <thead>
                            <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                <th class="min-w-100px">
                                    <a href="{{ request()->fullUrlWithQuery(['sort' => 'order_number', 'direction' => request('sort') === 'order_number' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center">
                                        {{ __('orders.order_number') }}
                                        @if(request('sort') === 'order_number')
                                            <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-150px">{{ __('common.customer') }}</th>
                                <th class="min-w-100px">
                                    <a href="{{ request()->fullUrlWithQuery(['sort' => 'order_date', 'direction' => request('sort') === 'order_date' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center">
                                        {{ __('messages.order_date') }}
                                        @if(request('sort') === 'order_date')
                                            <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-100px">{{ __('common.status') }}</th>
                                @can('View:Finance')
                                <th class="min-w-100px text-end">
                                    <a href="{{ request()->fullUrlWithQuery(['sort' => 'total_price', 'direction' => request('sort') === 'total_price' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center justify-content-end">
                                        {{ __('messages.total_price') }}
                                        @if(request('sort') === 'total_price')
                                            <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-100px text-end">
                                    <a href="{{ request()->fullUrlWithQuery(['sort' => 'balance', 'direction' => request('sort') === 'balance' && request('direction') === 'asc' ? 'desc' : 'asc']) }}" class="text-gray-500 text-hover-primary d-flex align-items-center justify-content-end">
                                        {{ __('messages.balance') }}
                                        @if(request('sort') === 'balance')
                                            <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>
                                @endcan
                                <th class="text-end min-w-100px">{{ __('common.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            @foreach($orders as $order)
                            <tr>
                                <td>
                                    <a href="{{ route('orders.show', ['order' => $order]) }}" class="text-gray-800 text-hover-primary fw-bold">{{ $order->order_number }}</a>
                                </td>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <div class="d-flex flex-column">
                                            <a href="{{ route('customers.show', ['customer' => $order->customer]) }}" class="text-gray-800 text-hover-primary mb-1">{{ $order->customer->first_name }} {{ $order->customer->last_name }}</a>
                                            <span>{{ $order->customer->customer_code }}</span>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $order->order_date->format('d.m.Y') }}</td>
                                <td>
                                    @php
                                        $statusClasses = [
                                            'draft' => 'badge-light-secondary',
                                            'active' => 'badge-light-primary',
                                            'completed' => 'badge-light-success',
                                            'cancelled' => 'badge-light-danger',
                                            'delivered' => 'badge-light-info',
                                            'Draft' => 'badge-light-secondary',
                                            'In Production' => 'badge-light-primary',
                                            'Ready for Trial' => 'badge-light-warning',
                                            'Completed' => 'badge-light-success',
                                            'Delivered' => 'badge-light-info',
                                        ];
                                        $class = $statusClasses[$order->status] ?? 'badge-light-primary';
                                        $statusLabels = [
                                            'draft' => __('orders.status_draft'),
                                            'active' => __('orders.status_active'),
                                            'completed' => __('orders.status_completed'),
                                            'cancelled' => __('orders.status_cancelled'),
                                            'delivered' => __('orders.status_delivered'),
                                            'Draft' => __('orders.status_draft'),
                                            'In Production' => __('orders.status_in_production'),
                                            'Ready for Trial' => __('orders.status_ready_for_trial'),
                                            'Completed' => __('orders.status_completed'),
                                            'Delivered' => __('orders.status_delivered'),
                                        ];
                                    @endphp
                                    <span class="badge {{ $class }}">{{ $statusLabels[$order->status] ?? $order->status }}</span>
                                </td>
                                @can('View:Finance')
                                <td class="text-end text-gray-900 fw-bold font-monospace">@moneyWithCurrency($order->total_price, $order->currency)</td>
                                <td class="text-end text-danger fw-bold font-monospace">@moneyWithCurrency($order->balance, $order->currency)</td>
                                @endcan
                                <td class="text-end">
                                    <div class="d-inline-flex align-items-center gap-2">
                                        <a href="{{ route('orders.show', ['order' => $order]) }}"
                                           class="btn btn-icon btn-sm btn-light-primary"
                                           title="{{ __('common.view') }}">
                                            <i class="ki-duotone ki-eye fs-4"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
                                        </a>
                                        @can('Update:Order')
                                            <a href="{{ route('orders.edit', ['order' => $order]) }}"
                                               class="btn btn-icon btn-sm btn-light-warning"
                                               title="{{ __('common.edit') }}">
                                                <i class="ki-duotone ki-notepad-edit fs-4"><span class="path1"></span><span class="path2"></span></i>
                                            </a>
                                        @endcan
                                        @can('Delete:Order')
                                            <form action="{{ route('orders.destroy', ['order' => $order]) }}" 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-duotone ki-trash fs-4"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i>
                                                </button>
                                            </form>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="d-flex flex-stack flex-wrap pt-10">
                    <div class="fs-6 fw-semibold text-gray-700">
                        {{ __('orders.showing_entries', ['from' => $orders->firstItem() ?? 0, 'to' => $orders->lastItem() ?? 0, 'total' => $orders->total()]) }}
                    </div>
                    <ul class="pagination">
                        {{ $orders->links('pagination::bootstrap-5') }}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection