@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Tekliflerim' => '/customer/offers',
            'Teklif Detay' => '/customer/offers/' . $offers->id,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="relative w-full bg-theme_secondary_black rounded-2xl p-8 mt-4">
            @if ($offers->approverUser && $offers->approverUser->roles[0]->name == 'Root')
                <div class="absolute right-2 top-2 bg-green-800 p-2 rounded-xl">
                    <h1 class="font-semibold text-gray-300 capitalize">
                        Firma Tarafından Onaylandı
                    </h1>
                </div>
            @endif
            <div class="flex">
                <div class="w-2/3">
                    <img src="{{ getCdnFile($firm->firm_logo_path) }}" alt="logo" class="w-44">
                    <div class="text-gray-300 font-bold text-lg mt-6">
                        <p>{{ $firm->firm_name }}</p>
                        <p>{{ $firm->firm_address }}</p>
                    </div>
                    <div class="text-gray-300 mt-4">
                        {{-- <p class="font-bold text-lg">{{ $firm }}</p> --}}
                        <p>{{ $firm->firm_phone }}</p>
                    </div>
                    <div class="mt-4 text-gray-300">
                        <p class="font-bold text-lg">VD: {{ $firm->tax_admin }}</p>
                        <p>{{ $firm->tax_no }}</p>
                    </div>
                </div>
                <div class="w-1/3 p-2 mt-12">
                    <p class="text-3xl text-gray-300 text-right font-extrabold">TEKLİF</p>
                    <hr class="border-2 mt-2">
                    <div class="text-gray-300 mt-4">
                        <span class="font-bold text-xl">Müşteri</span>
                        <p>{{ $offers->headOffice->office_title }}</p>
                        <p>{{ $offers->headOffice->address }}</p>
                        <p>{{ $offers->headOffice->city }} / {{ $offers->headOffice->district }}</p>
                        <p>VD: {{ $offers->headOffice->tax_admin }}</p>
                        <p>{{ $offers->headOffice->office_tax_no }}</p>
                    </div>
                    <hr class="mt-2">
                    <div class="flex flex-row text-gray-300 mt-2 items-center justify-between border-b pb-2">
                        <p class="font-bold text-xl">TEKLİF BİTİŞ TARİHİ</p>
                        @php
                            $offerDate = \Carbon\Carbon::parse($offers->end_date);
                            $offerDate = $offerDate->isoFormat('D MMMM Y');
                        @endphp
                        <p class="text-xl">{{ $offerDate }}</p>
                    </div>
                    <div class="flex flex-row text-gray-300 mt-2 items-start justify-between">
                        <p class="font-bold text-xl">TEKLİF AÇIKLAMASI</p>
                        <p class="text-base w-1/2 text-right">{{ $offers->offer_description }}</p>
                    </div>
                    <hr class="mt-2">
                    <div class="flex flex-row text-gray-300 mt-2 items-start justify-between">
                        <p class="font-bold text-xl">TEKLİF KOŞULLARI</p>
                        <p class="text-base w-1/2 text-right">
                            {{ $offers->create_offer ? $offers->create_offer : 'Teklif koşulu belirtilmemiş' }}</p>
                    </div>
                </div>
            </div>
            <div class="w-full text-gray-300 mt-8">
                <table class="w-full">
                    <thead class="border-b text-lg">
                        <tr>
                            <th class="text-left">
                                <p>Hizmet / Ürün</p>
                            </th>
                            @php
                                $working_types = json_decode($offers->headOffice->working_types, true) ?? [];
                            @endphp
                            @if (in_array('hourly', $working_types))
                                <th class="text-center">
                                    <p>Saatlik Ücret</p>
                                </th>
                            @endif
                            @if (in_array('daily', $working_types))
                                <th class="text-center">
                                    <p>Günlük Ücret</p>
                                </th>
                            @endif
                            @if (in_array('monthly', $working_types))
                                <th class="text-center">
                                    <p>Aylık Ücret</p>
                                </th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($offers->offerProducts as $product)
                            @php
                                $working_types = json_decode($offers->headOffice->working_types, true) ?? [];
                            @endphp
                            <tr class="border-b">
                                <td class="py-6 text-left">
                                    <p>{{ $product->product_name }}</p>
                                </td>
                                @if (in_array('hourly', $working_types))
                                    <td class="text-center">
                                        <p>{{ $product->cost_hourly }}</p>
                                    </td>
                                @endif
                                @if (in_array('daily', $working_types))
                                    <td class="text-center">
                                        <p>{{ $product->cost_daily }} ₺</p>
                                    </td>
                                @endif
                                @if (in_array('monthly', $working_types))
                                    <td class="text-center">
                                        <p>{{ $product->cost_monthly }}</p>
                                    </td>
                                @endif
                                {{-- <td class="text-center">
                                    <p>% {{ $product->tax_rate }}</p>
                                </td> --}}
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if ($offers->status == 2)
                <div class="flex justify-center items-center gap-4 mt-4">
                    <form action="{{ route('company.updateOfferStatus') }}" method="POST" onsubmit="showLoading()">
                        @csrf
                        <input type="hidden" name="offer_id" value="{{ $offers->id }}">
                        <input type="hidden" name="status" value="1">
                        <button
                            class="inline-flex justify-center gap-2 items-center w-32 p-2 rounded text-gray-300 focus:ring-green-900 focus:ring-4 font-semibold bg-green-700">
                            <i class="fa-solid fa-check"></i>
                            Kabul Et
                        </button>
                    </form>
                </div>
            @endif
            <div class="flex justify-center items-center gap-4 mt-4">
                <form action="{{ route('customer.createOfferPdf', ['id' => $offers->id]) }}" method="POST">
                    @csrf
                    <input type="hidden" name="offer_id" value="{{ $offers->id }}">
                    <input type="hidden" name="status" value="1">
                    <button
                        class="inline-flex justify-center gap-2 items-center w-32 p-2 rounded text-gray-300 focus:ring-green-900 focus:ring-4 font-semibold bg-green-700">
                        <i class="fa-solid fa-check"></i>
                        İndir
                    </button>
                </form>
            </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