@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Tekliflerim' => '/root/offers',
            'Teklif Detayı' => '/root/offer/show/' . $offer->id,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="flex gap-4 mt-4">
            <div
                class="flex flex-col gap-6 bg-theme_secondary_black text-gray-300 rounded-md overflow-y-auto p-4 w-3/4 h-[calc(100vh-150px)]">
                <div class="flex flex-col">
                    <div class="flex px-4 pb-4 items-center justify-between">
                        <div class="flex items-center gap-4 w-1/2">
                            <div class="flex items-center w-8">
                                <i class="text-3xl fa-regular fa-note-sticky"></i>
                            </div>
                            <h1 class="font-bold text-sm uppercase">Teklif</h1>
                        </div>
                        <a href="{{ route('admin.offer.edit', $offer->id) }}" class="button-2">
                            Düzenle
                        </a>
                    </div>
                    <div
                        class="flex flex-col gap-8 border-y-2 border-teheme_third_black px-4 py-4 items-center justify-between">
                        <div class="flex items-start justify-start w-full">
                            <div class="flex items-center gap-4 w-1/2">
                                <div class="w-8">
                                    <i class="text-xl fa-regular fa-building"></i>
                                </div>
                                <h1 class="font-bold text-sm uppercase">
                                    {{ $offer->headOffice->office_title }}
                                </h1>
                            </div>
                            <div class="flex gap-4 items-center">
                                <i class="fa-regular fa-calendar"></i>
                                @php
                                    $date = \Carbon\Carbon::parse($offer->end_date);
                                    $date = $date->isoFormat('D MMMM Y');
                                @endphp
                                <div class="flex gap-2 items-center">
                                    <div>
                                        Teklif Bitiş Tarihi:
                                    </div>
                                    <div>
                                        {{ $date }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="flex items-start justify-start w-full">
                            <div class="w-1/2 uppercase font-semibold text-gray-400 text-xs">
                                <h1 class="ml-12">
                                    {{ $offer->headOffice->address }}
                                </h1>
                                <div class="flex gap-4">
                                    <p class="ml-12">
                                        {{ $offer->headOffice->tax_admin }}
                                    </p>
                                    <p>
                                        {{ $offer->headOffice->office_tax_no }}
                                    </p>
                                </div>
                            </div>
                            <div class="w-1/2 flex gap-2 items-center text-base">
                                <i class="fa-regular fa-comment"></i>
                                <div class="flex gap-2 items-center">
                                    <div>
                                        Teklif Açıklaması:
                                    </div>
                                    <div>
                                        {{ $offer->offer_description }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div
                        class="flex flex-col gap-8 border-b-2 border-teheme_third_black px-4 py-4 items-center justify-between">
                        <div class="flex items-start justify-start w-full">
                            <div class="ml-12 flex gap-4 items-center">
                                <i class="fa-regular fa-calendar"></i>
                                @php
                                    $offerDate = \Carbon\Carbon::parse($offer->offer_date);
                                    $offerDate = $offerDate->isoFormat('D MMMM Y');
                                @endphp
                                {{ $offerDate }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="flex flex-col gap-16">
                    <div>
                        @php
                            $working_types = json_decode($offer->headOffice->working_types, true) ?? [];
                        @endphp
                        <table class="w-full text-sm text-left text-gray-400">
                            <thead class="text-xs text-theme_white uppercase">
                                <tr>
                                    <th scope="col" class="px-6 py-3 text-left w-1/4">
                                        Hizmet / Ürün
                                    </th>
                                    @if (in_array('hourly', $working_types))
                                        <th scope="col" class="px-6 py-3 text-left">
                                            Saatlik Ücret
                                        </th>
                                    @endif
                                    @if (in_array('daily', $working_types))
                                        <th scope="col" class="px-6 py-3 text-left">
                                            Günlük Ücret
                                        </th>
                                    @endif
                                    @if (in_array('monthly', $working_types))
                                        <th scope="col" class="px-6 py-3 text-left">
                                            Aylık Ücret
                                        </th>
                                    @endif
                                    {{-- <th scope="col" class="px-6 py-3 w-44 text-left">
                                        Vergi
                                    </th> --}}
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($offer->offerProducts as $product)
                                    <tr class="border-t border-teheme_third_black">
                                        <th class="px-6 py-4 whitespace-nowrap">
                                            <input type="text" disabled
                                                class="bg-theme_secondary_black border-teheme_third_black h-8 rounded-md w-full text-sm p-1"
                                                value="{{ $product->product_name }}">
                                        </th>
                                        @if (in_array('hourly', $working_types))
                                            <td class="px-6 py-4 text-center">
                                                <div class="relative">
                                                    <input type="number" name="cost_hourly[]" disabled
                                                        value="{{ $product->cost_hourly }}"
                                                        placeholder="{{ $product->cost_hourly == null ? 'Saatlik anlaşmanız bulunmuyor' : '' }}"
                                                        class="bg-theme_secondary_black border-teheme_third_black h-8 rounded-md w-full text-sm p-1">
                                                </div>
                                            </td>
                                        @endif
                                        @if (in_array('daily', $working_types))
                                            <td class="px-6 py-4 text-center">
                                                <div class="relative">
                                                    <input type="number" name="cost_daily[]" disabled
                                                        value="{{ $product->cost_daily }}"
                                                        placeholder="{{ $product->cost_daily == null ? 'Günlük anlaşmanız bulunmuyor' : '' }}"
                                                        class="bg-theme_secondary_black border-teheme_third_black h-8 rounded-md w-full text-sm p-1">
                                                </div>
                                            </td>
                                        @endif
                                        @if (in_array('monthly', $working_types))
                                            <td class="px-6 py-4 text-center">
                                                <div class="relative">
                                                    <input type="number" name="cost_monthly[]" disabled
                                                        value="{{ $product->cost_monthly }}"
                                                        placeholder="{{ $product->cost_monthly == null ? 'Aylık anlaşmanız bulunmuyor' : '' }}"
                                                        class="bg-theme_secondary_black border-teheme_third_black h-8 rounded-md w-full text-sm p-1">
                                                </div>
                                            </td>
                                        @endif
                                        {{-- <td class="px-6 py-4 text-center">
                                            <div class="flex items-center w-full">
                                                <div
                                                    class="flex items-center text-xs px-1 bg-theme_black border-teheme_third_black border-t border-b border-l justify-center h-8 rounded-tl-md rounded-bl-md">
                                                    KDV
                                                </div>
                                                <select name="tax_rate[]" disabled
                                                    class="p-1 bg-theme_secondary_black border-teheme_third_black h-8 rounded-tr-md rounded-br-md w-full text-sm tax">
                                                    <option selected disabled>% {{ $product->tax_rate }}</option>
                                                </select>
                                            </div>
                                        </td> --}}
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{-- <div class="flex flex-col">
                        <div class="flex flex-col items-end p-4">
                            <div class="flex justify-between border-t border-teheme_third_black w-[380px] p-2">
                                <h1 class="font-bold text-sm uppercase">Ara Toplam</h1>
                                <span>
                                    <input class="bg-theme_secondary_black border-none text-right max-w-full focus:ring-0"
                                        readonly type="text" name="sub_total" value="{{ $offer->sub_total }}"> ₺
                                </span>
                            </div>
                            <div class="flex justify-between border-t border-teheme_third_black w-[380px] p-2">
                                <h1 class="font-bold text-sm uppercase">Toplam KDV</h1>
                                <span>
                                    <input class="bg-theme_secondary_black border-none text-right max-w-full focus:ring-0"
                                        readonly type="text" name="tax" value="{{ $offer->tax }}"> ₺
                                </span>
                            </div>
                            <div class="flex justify-between border-t border-teheme_third_black w-[380px] p-2">
                                <h1 class="font-bold text-sm uppercase">Genel Toplam</h1>
                                <span>
                                    <input class="bg-theme_secondary_black border-none text-right max-w-full focus:ring-0"
                                        readonly type="text" name="total" value="{{ $offer->total }}"> ₺
                                </span>
                            </div>
                        </div>

                    </div> --}}
                </div>
            </div>
            <div class="w-1/4 flex flex-col gap-6 text-gray-300">
                <div class="flex flex-col gap-8 bg-theme_secondary_black rounded-md p-4">
                    <div class="flex w-full gap-4">
                        <form action="{{ route('root.offerShare') }}" class="w-full" method="POST">
                            @csrf
                            <input type="hidden" name="offer_id" value="{{ $offer->id }}">
                            <button class="button-2 w-full">
                                Paylaş
                            </button>
                        </form>
                        <form action="{{ route('root.createOfferPdf', $offer->id) }}" method="POST">
                            @csrf
                            <button class="button-2 w-full">
                                Yazdır
                            </button>
                        </form>
                    </div>
                </div>
                <div class="flex items-center justify-between bg-theme_secondary_black rounded-md p-4 text-gray-300">
                    <h1 class="font-bold text-sm uppercase">Durum</h1>
                    @if ($offer->status == 2)
                        <p class="font-bold text-xs uppercase">Onay Bekliyor</p>
                    @elseif ($offer->status == 0)
                        <p class="font-bold text-xs uppercase text-red-700">Reddedildi</p>
                    @else
                        <p class="font-bold text-xs uppercase text-green-700">Onaylandı</p>
                    @endif
                </div>
                @if ($offer->status == 2)
                    <div class="w-full h-auto">
                        <form method="POST" action="{{ route('root.approveOffer', [$offer->id]) }}"
                            onsubmit="showLoading()">
                            @csrf
                            <button class="w-full h-auto bg-green-700 p-3 rounded capitalize font-semibold">onayla</button>
                        </form>
                    </div>
                @endif
            </div>
        </div>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection