@extends('Centaur::layout')

@section('title', 'Dashboard')

@section('content')
<section class="pageSection pageSectionWithModal flex-row">
    <section class="col-12 flex_shrink">
        <header class="w-100 d-flex pb_6 border_bottom_border">
            <button id="goBack" class="icon_btn goBack">
                <span class="icon icon_arrow arrow_left"></span>
            </button>
            <div class="flex_grow">
                <h2 class="mt_4 text-center">{{ $ticket->name }}</h2>
                <h3 class="text_grey1_medium text-center">{{ $ticket->subject }}</h3>
            </div>
        </header>
        <main class="w-100 flex_box_col_sss flex_grow bg_white p_4">
            <section class="w-100">
                <div class="col-12">
                    <div class="tabContainer d-flex flex-wrap align-items-center pt_1">
                        <button class="tablinks btn active" data-target="basic" id="defaultOpen">Podaci</button>
                        @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_work', $checkedCustomer->columns) ))
                            <button class="tablinks btn" data-target="evidencija">Evidencija</button>
                        @endif
                        @if ($ticket->description_email)
                            <button class="tablinks btn" data-target="email">E-mail</button>
                        @endif
                        @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_messages', $checkedCustomer->columns) ))
                            <button class="tablinks btn" data-target="messages">Poruke</button>
                        @endif
                    </div>
                </div> 
                <div class="tabcontent p_4" id="basic" >
                    <div class="mb_5 d-flex align-items-center gap_8">
                        <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Partner</p>
                        <p class="text_dark1_medium m-0">{!! $ticket->partner ? $ticket->partner[1] : '' !!}</p>
                    </div>
                    <div class="mb_5 d-flex align-items-center gap_8 ">
                        <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Kontakt</p>
                        <p class="text_dark1_medium m-0">{!! $ticket->partner_contact_id ? $ticket->partner_contact_id[1] : '' !!}</p>
                    </div>
                    <div class="mb_5 d-flex align-items-center gap_8 ">
                        <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Analitički konto</p>
                        <p class="text_dark1_medium m-0">{!! $ticket->analytic_account_id ? $ticket->analytic_account_id[1] : '' !!}</p>
                    </div>
                    <div class="mb_5 d-flex align-items-center gap_8">
                        <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Datum kreiranja</p>
                        <p class="text_dark1_medium m-0">{!! $ticket->create_date ? date('d.m.Y', strtotime($ticket->create_date)) : '' !!}</p>
                    </div>
                    <div class="mb_5 d-flex align-items-center gap_8 ">
                        <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">zadužen djelatnik</p>
                        <p class="text_dark1_medium m-0">{!! $ticket->user ? $ticket->user[1] : '' !!}</p>
                    </div>
                    @if ($ticket->description)
                        <div class="mb_5 vh-50 ">
                            <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Opis</p>
                            <div class="text_dark1_medium">{!! $ticket->description !!}</div>
                        </div>
                    @endif
                    @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_prices', $checkedCustomer->columns) ))
                        <div class="mb_5 d-flex align-items-center gap_8 ">
                            <p class="text_grey1_small2 m-0 text-uppercase  fw-bold">Ukupno sati</p>
                            <p class="text_dark1_medium">{{ number_format($ticket->total_hours, 2, ',', '.' ) }} h</p>
                        </div>
                    @endif
                </div>
                @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_work', $checkedCustomer->columns) ))
                    <div class="tabcontent p_4" id="evidencija">
                        <table class="table dataTable noSearchTable" data-empty="Nema zapisa o radu">
                            <thead>
                                <tr>
                                    <th class="col-2">Datum</th>
                                    <th class="col-2">Zaposlenik</th>
                                    <th class="col-6">Opis</th>
                                    @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_prices', $checkedCustomer->columns) ))
                                        <th class="col-2 text-end">Trajanje</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($evidencija as $item)
                                    <tr>
                                        <td>{{ date('d.m.Y', strtotime($item->date)) }}</td>
                                        <td>{!! $item->employee_id ? $item->employee_id[1] : '' !!}</td>
                                        <td>{{ $item->name }}</td>
                                        @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_prices', $checkedCustomer->columns) ))
                                            <td class="text-end">{{ $item->unit_amount }}</td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
                <div class="tabcontent p_4" id="email">
                    @if ($ticket->description_email)
                        <div class="mb_5 vh-50 ">
                            <p class="text_grey1_small2 text-uppercase mb_1 fw-bold">E-mail poruka</p>
                            <div class="text_dark1_medium">{!! $ticket->description_email !!}</div>
                        </div>
                    @endif
                </div>
                @if (Sentinel::inRole('administrator') || Sentinel::inRole('moderator') || ( $checkedCustomer->columns && in_array('tickets_messages', $checkedCustomer->columns) ))
                    <div class="tabcontent p_4" id="messages">
                        @if (count($ticket->messages()) > 0 )
                            @foreach ($ticket->messages() as $message)
                                <div class="col-12 mb_6 pb_6 border_bottom_border">
                                    <p>Datum: {{ date('d.m.Y H:i', strtotime( $message->date) )}}</p>
                                    <p>Subjekt: {{ $message->subject }}</p>
                                    <p>Poslao: {{ $message->email_from }}</p>
                                    <p>Opis: {{ $message->subject }}</p>
                                    <p>{!! $message->body !!}</p>
                                
                                    @if (count($message->attachments()) > 0)
                                        @foreach ($message->attachments() as $attachment)
                                            <a href="https://erp.duplico.com:8101{{ $attachment->image_src }}" target="_blank" >{{ $attachment->name }}</a>
                                        @endforeach
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                @endif
            </section>
        </main>
    </section>
    
</section>
@stop