@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Sözleşmelerim' => '/company/contracts',
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
            <table class="w-full text-sm text-left text-gray-400">
                <thead class="text-xs text-theme_white uppercase bg-theme_black">
                    <tr>
                        <th scope="col" class="px-6 py-3 w-12 flex justify-start">
                            Açıklama
                        </th>
                        <th scope="col" class="px-6 py-3 w-12 text-center">
                            Belge
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {{-- @forelse ($data as $item) --}}
                    @if ($data != null)
                        <tr class="border-t bg-theme_secondary_black hover:bg-teheme_third_black">
                            <th scope="row" class="px-6 py-4 font-medium text-gray-200 whitespace-nowrap text-center flex justify-start">
                                Sözleşmenizi Görüntüleyin
                            </th>
                            <th scope="row" class="px-6 py-4 font-medium text-gray-200 whitespace-nowrap text-center">
                                @php
                                    $path = Str::substr($data, -3);
                                @endphp
                                <button value="{{ getCdnFile($data) }}"
                                    class="@if ($path == 'png') imageFile @else pdfFile @endif inline-flex items-center p-1 rounded gap-2 font-medium text-white bg-blue-600">
                                    <i class="fa-solid fa-eye"></i>
                                </button>
                                <a href="{{ route('download.file', ['url' => $data]) }}"
                                    class="ml-2 inline-flex items-center p-1 rounded gap-2 font-medium text-white bg-green-600">
                                    <i class="fa-solid fa-file-arrow-down"></i>
                                </a>
                            </th>
                        </tr>
                    @else
                        <tr class="border-t bg-theme_secondary_black hover:bg-teheme_third_black">
                            <th colspan="2" class="px-6 py-4 font-medium text-gray-200 whitespace-nowrap">
                                Sözleşme bulunamadı
                            </th>
                        </tr>
                    @endif
                    {{-- @empty --}}

                    {{-- @endforelse --}}
                </tbody>
            </table>
        </div>
    </div>
    @include('components.pdfViewer')
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $('.imageFile').click(function() {
            $('#filePath').empty();
            $('#filePath').append(
                '<img class="w-full rounded-lg h-full object-contain" src="' + $(this).val() + '">'
            );
            $('#pdf-popup').fadeIn('slow');
        })

        $('.pdfFile').click(function() {
            $('#filePath').empty();
            $('#filePath').append(
                '<iframe src="' + $(this).val() +
                '" style="width:100%; height:500px; border-radius:8px;" frameborder="0"></iframe>'
            );
            $('#pdf-popup').fadeIn('slow');
        })

        $('.close-pdf-popup').click(function() {
            $('#pdf-popup').fadeOut('slow');
        })
    </script>
@endsection