@extends('layouts.app')

@section('content')

    <header class="bg-gradient-to-b from-stone-100 to-white shadow">
        <div class="lg:divide-y lg:divide-gray-200">
            <nav class="hidden lg:flex" aria-label="Global">
                <div class="bg-gradient-to-b from-stone-600 to-stone-500 ps-2.5 pe-4 py-1.5 text-sm text-stone-50 shadow-sm rounded-e-2xl">TEKLİFLER</div>
                <a href="{{ route('offers.create') }}" type="button" class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Yeni Oluştur</a>
            </nav>
        </div>
    </header>

    <div class="space-y-10 divide-y divide-gray-900/10 max-w-6xl mx-auto pb-24">
        <div class="grid grid-cols-3 gap-x-8 gap-y-8 md:grid-cols-1">

            <div class="grid grid-cols-3 gap-x-4 gap-y-4 pt-5 md:grid-cols-1">

                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="material-symbols-outlined text-4xl text-stone-600">
                            article
                        </span>
                    </div>
                    <div class="pl-2 pb-1 w-0 flex-1">
                        <dl>
                            <dd>
                                <div class="text-2xl font-bold text-stone-600">TEKLİFLER</div>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl md:col-span-2">
                    <div class="px-4 sm:px-6 lg:px-8">
                        <div class="flow-root">
                            <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
                                <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
                                    <table class="min-w-full divide-y divide-gray-300">
                                        <thead>
                                        <tr>
                                            <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">TEKLİF BİLGİLERİ</th>
                                            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">İŞLETME</th>
                                            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">DURUM</th>
                                            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">OLUŞTURAN</th>
                                            <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-0">
                                                <span class="sr-only">GÖRÜNTÜLE</span>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-200 bg-white">
                                        @php
                                            function replaceTurkishChars($string) {
                                                $turkish = ['ç', 'ğ', 'ı', 'ö', 'ş', 'ü', 'Ç', 'Ğ', 'İ', 'Ö', 'Ş', 'Ü'];
                                                $english = ['c', 'g', 'i', 'o', 's', 'u', 'C', 'G', 'I', 'O', 'S', 'U'];
                                                return str_replace($turkish, $english, $string);
                                            }
                                        @endphp
                                        @foreach($offers as $item)
                                            <tr class="tracking-tighter">
                                                <td class="whitespace-nowrap py-3 pl-4 pr-3 text-sm sm:pl-0">
                                                    <div class="flex items-center">
                                                        <div class="size-11 shrink-0">
                                                            <span class="inline-flex h-10 w-10 items-center justify-center rounded-full bg-stone-100 ring-1 ring-stone-200">
                                                                <span class="text-sm font-medium leading-none text-stone-600">{{ $item->company->shortname ?: substr(replaceTurkishChars($item->company->name), 0, 3) }}</span>
                                                            </span>
                                                        </div>
                                                        <div class="ml-4">
                                                            <div class="font-bold truncate text-stone-900">{{ $item->title }}</div>
                                                            <div class="mt-1 font-medium text-xs text-stone-700">OF-{{ $item->number }}</div>
                                                            <div class="text-xs italic text-stone-500">{{ date('d.m.Y', strtotime($item->date)) }}</div>
                                                            <div class="text-stone-500">
                                                                @foreach($item->lines as $line)
                                                                    <p class="text-xs italic">{{ $line->product_name }} x{{ $line->quantity }}</p>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="whitespace-nowrap px-3 py-3 text-sm text-stone-500">
                                                    <div class="text-stone-900 font-bold">{{ $item->company->name }}</div>
                                                    <div class="mt-1 text-stone-500">
                                                        @if($item->currency != 'TRL')
                                                            <span>{{ number_format($item->ex_total, 2, ',', '.') }}<span
                                                                        class="text-sm pl-1 text-stone-400">{{ $item->currency }}</span></span>
                                                        @else
                                                            <span>{{ number_format($item->trl_total, 2, ',', '.') }}<span class="text-sm pl-1 text-stone-400">TRL</span></span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td class="whitespace-nowrap px-3 py-3 text-sm text-stone-500">
                                                    @if($item->type == 'new' || $item->type == 'edited')
                                                        <span class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-amber-50 text-amber-500 ring-1 ring-inset ring-amber-300">
                                              Taslak
                                            </span>
                                                    @elseif($item->type == 'send')
                                                        <span class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-sky-50 text-sky-500 ring-1 ring-inset ring-sky-300">
                                              Teklif gönderildi
                                            </span>
                                                    @elseif($item->type == 'accepted')
                                                        <span class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-emerald-50 text-emerald-500 ring-1 ring-inset ring-emerald-300">
                                              Kabul edildi
                                            </span>
                                                    @elseif($item->type == 'rejected')
                                                        <span class="items-center rounded-md px-1.5 py-1 text-sm font-medium bg-rose-50 text-rose-500 ring-1 ring-inset ring-rose-300">
                                              Reddedildi
                                            </span>
                                                    @endif
                                                </td>
                                                <td class="whitespace-nowrap px-3 py-3 text-sm text-gray-500">{{ \Illuminate\Support\Facades\Auth::user()->name }}</td>
                                                <td class="relative whitespace-nowrap py-3 pl-3 pr-4 text-right text-sm font-medium sm:pr-0">
                                                    <a href="{{ route('offers.show', $item->id) }}" class="text-slate-600 hover:text-slate-900">görüntüle<span class="sr-only">, Lindsay Walton</span></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')

@endsection