@extends('voyager::master')

@section('content')

    <div class="row">

        @if($dataTypeContent->count() > 0)

            <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                <nav class="navigation">
                    <div class="right-top-nav flex-box">

                        @can('add', app($dataType->model_name))

                            <a href="{{ route('voyager.players.index') }}" class="flex-box add-new">
                                <img src="{{voyager_asset('icon/par.svg')}}">
                                <p>
                                    {{ __('voyager::generic.add_new') }}
                                </p>

                            </a>
                        @endcan
                    </div>

                    <div class="nav-button-row">
                        <div class="select-all nav-button">
                            <div class="check-box">
                                <input class="my-checkbox" type="checkbox" id="select-all">
                                <label for="select-all">
                                    <img src="{{ voyager_asset('icon/white-checkbox.svg') }}">
                                </label>
                            </div>
                            {{--                        <img class="arrow" src="{{ voyager_asset('icon/black-arrow.svg')}}">--}}
                        </div>
                        <a class="hide view-all nav-button" href="{{ request()->url() }}">
                            <img src="{{ voyager_asset('icon/viewall.svg') }}">
                            {{ __('voyager::generic.show_all') }}
                        </a>
                        @if($usesSoftDeletes == true)
                            <a class="hide trash nav-button"
                               href="{{ request()->fullUrlWithQuery(["showSoftDeleted" => true]) }}">
                                <img src="{{ voyager_asset('icon/black-trash.svg') }}">
                                {{ __('voyager::generic.trash') }}
                            </a>
                        @endif
                        <a class="red-item" data-toggle="modal" data-target="#delete_modal1">
                            <img src="{{ voyager_asset('icon/red-trash.svg') }}">
                            <span>
                            {{ __('voyager::generic.bulk_delete') }} {{ strtolower($dataType->display_name_singular) }}
                        </span>
                        </a>

                    </div>

                </nav>
                <div class="more-row flex-box">
                    <div class=" more-item">
                        <ul>
                            <li>
                                <a href="{{ request()->fullUrlWithQuery(["perPage" => 10]) }}">
                                    10
                                    {{ __('voyager::generic.per_page') }}
                                </a>
                            </li>
                            <li>
                                <a href="{{ request()->fullUrlWithQuery(["perPage" => 50]) }}">
                                    50
                                    {{ __('voyager::generic.per_page') }}
                                </a>
                            </li>
                            <li>
                                <a href="{{ request()->fullUrlWithQuery(["perPage" => 100]) }}">
                                    100
                                    {{ __('voyager::generic.per_page') }}
                                </a>
                            </li>
                        </ul>
                        <img src="{{ voyager_asset('icon/more.svg') }}">
                    </div>
                    <p>

                        {{ __('voyager::generic.page') }}
                        {{ fa_number($dataTypeContent->currentPage()) }}
                        {{ __('voyager::generic.from') }}

                        {{ fa_number(ceil($dataTypeContent->total() / $dataTypeContent->perPage())) }}
                    </p>

                </div>

            </div>

            <div class="padding-item col-lg-12 col-md-12 col-sm-12">
                <div class="row">

                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <table style="display: block;overflow-x: scroll">
                            <thead>
                            <tr class="tr">
                                <th class="child3">
                                </th>
                                @foreach($dataType->browseRows as $row)

                                    <th class="child1 text-center">
                                        @if ($isServerSide)
                                            <div class="flex-box list-filter">

                                                <a href="{{ $row->sortByUrl($orderBy, $sortOrder) }}"
                                                   style="color: inherit !important;">
                                                    @endif
                                                    {{ $row->getTranslatedAttribute('display_name') }}
                                                    @if ($isServerSide)
                                                        @if ($row->isCurrentSortField($orderBy))
                                                            @if ($sortOrder == 'asc')
                                                                <i class="voyager-angle-up pull-right"></i>
                                                            @else
                                                                <i class="voyager-angle-down pull-right"></i>
                                                            @endif
                                                        @endif
                                                </a>
                                            </div>

                                        @endif

                                    </th>
                                @endforeach
                                <th class="child2 text-center">
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($dataTypeContent as $data)
                                <tr class="tr">
                                    @if($showCheckboxColumn)
                                        <td class="child3">
                                            <div class="check-box">
                                                <input id="checkbox_{{ $data->getKey() }}" type="checkbox"
                                                       value="{{ $data->getKey() }}"/>
                                                <label for="checkbox_{{ $data->getKey() }}">
                                                    <img src="{{voyager_asset('icon/white-checkbox.svg')}}">

                                                </label>
                                            </div>
                                        </td>
                                    @endif
                                    @foreach($dataType->browseRows as $row)
                                        @php
                                            if ($data->{$row->field.'_browse'}) {
                                                $data->{$row->field} = $data->{$row->field.'_browse'};
                                            }
                                        @endphp
                                        <td data-column="{{ $row->getTranslatedAttribute('display_name') }}"
                                            class="child1 text-center">
                                            @if (isset($row->details->view))
                                                @include($row->details->view, ['row' => $row, 'dataType' => $dataType, 'dataTypeContent' => $dataTypeContent, 'content' => $data->{$row->field}, 'action' => 'browse', 'view' => 'browse', 'options' => $row->details])
                                            @elseif($row->type == 'image')
                                                <div class="image-box" style="margin: auto;">
                                                    @if($data->{$row->field})
                                                        <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}
                                                                @else{{ $data->{$row->field} }}@endif">
                                                    @else
                                                        <img src="{{voyager_asset('icon/Mask.svg')}}">
                                                    @endif
                                                </div>
                                            @elseif($row->type == 'relationship')
                                                @include('voyager::formfields.relationship', ['view' => 'browse','options' => $row->details])
                                            @elseif($row->type == 'select_multiple')
                                                @if(property_exists($row->details, 'relationship'))

                                                    @foreach($data->{$row->field} as $item)
                                                        {{ $item->{$row->field} }}
                                                    @endforeach

                                                @elseif(property_exists($row->details, 'options'))
                                                    @if (!empty(json_decode($data->{$row->field})))
                                                        @foreach(json_decode($data->{$row->field}) as $item)
                                                            @if (@$row->details->options->{$item})
                                                                {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ __('voyager::generic.none') }}
                                                    @endif
                                                @endif

                                            @elseif($row->type == 'multiple_checkbox' && property_exists($row->details, 'options'))
                                                @if (@count(json_decode($data->{$row->field})) > 0)
                                                    @foreach(json_decode($data->{$row->field}) as $item)
                                                        @if (@$row->details->options->{$item})
                                                            {{ $row->details->options->{$item} . (!$loop->last ? ', ' : '') }}
                                                        @endif
                                                    @endforeach
                                                @else
                                                    {{ __('voyager::generic.none') }}
                                                @endif

                                            @elseif(($row->type == 'select_dropdown' || $row->type == 'radio_btn') && property_exists($row->details, 'options'))

                                                {!! $row->details->options->{$data->{$row->field}} ?? '' !!}

                                            @elseif($row->type == 'date' || $row->type == 'timestamp')
                                                @if ( property_exists($row->details, 'format') && !is_null($data->{$row->field}) )
                                                    @if(Auth::user()->Locale =='fa')
                                                        {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format($row->details->format) }}
                                                    @else
                                                        {{ \Carbon\Carbon::parse($data->{$row->field})->formatLocalized($row->details->format) }}
                                                    @endif
                                                @else
                                                    @if(Auth::user()->Locale =='fa')
                                                        {{ \Morilog\Jalali\Jalalian::forge($data->{$row->field})->format('Y-m-d H:i:s') }}
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif

                                                @endif
                                            @elseif($row->type == 'checkbox')
                                                @if(property_exists($row->details, 'on') && property_exists($row->details, 'off'))
                                                    @if($data->{$row->field})
                                                        <div class="green-2 Condition">
                                                            {{ $row->details->on }}
                                                        </div>
                                                    @else
                                                        <div class="red Condition">
                                                            {{ $row->details->off }}
                                                        </div>
                                                    @endif
                                                @else
                                                    {{ $data->{$row->field} }}
                                                @endif
                                            @elseif($row->type == 'color')
                                                <span class="badge badge-lg"
                                                      style="background-color: {{ $data->{$row->field} }}">{{ $data->{$row->field} }}</span>
                                            @elseif($row->type == 'text')
                                                @include('voyager::multilingual.input-hidden-bread-browse')
                                                <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                            @elseif($row->type == 'text_area')
                                                @include('voyager::multilingual.input-hidden-bread-browse')
                                                <div>{{ mb_strlen( $data->{$row->field} ) > 200 ? mb_substr($data->{$row->field}, 0, 200) . ' ...' : $data->{$row->field} }}</div>
                                            @elseif($row->type == 'file' && !empty($data->{$row->field}) )
                                                @include('voyager::multilingual.input-hidden-bread-browse')
                                                @if(json_decode($data->{$row->field}) !== null)
                                                    @foreach(json_decode($data->{$row->field}) as $file)
                                                        <div class="acsses">

                                                            <a style="color: black"
                                                               href="{{ Storage::disk(config('voyager.storage.disk'))->url($file->download_link) ?: '' }}"
                                                               target="_blank">
                                                                download

                                                            </a>
                                                        </div>

                                                    @endforeach
                                                @else
                                                    <div class="acsses">
                                                        <a style="color: black"
                                                           href="{{ Storage::disk(config('voyager.storage.disk'))->url($data->{$row->field}) }}"
                                                           target="_blank">
                                                            Download
                                                        </a>
                                                    </div>
                                                @endif
                                            @elseif($row->type == 'rich_text_box')
                                                @include('voyager::multilingual.input-hidden-bread-browse')
                                                <div>{{ mb_strlen( strip_tags($data->{$row->field}, '<b><i><u>') ) > 200 ? mb_substr(strip_tags($data->{$row->field}, '<b><i><u>'), 0, 200) . ' ...' : strip_tags($data->{$row->field}, '<b><i><u>') }}</div>
                                            @elseif($row->type == 'coordinates')
                                                @include('voyager::partials.coordinates-static-image')
                                            @elseif($row->type == 'multiple_images')
                                                @php $images = json_decode($data->{$row->field}); @endphp
                                                @if($images)
                                                    @php $images = array_slice($images, 0, 3); @endphp
                                                    @foreach($images as $image)
                                                        <img
                                                                src="@if( !filter_var($image, FILTER_VALIDATE_URL)){{ Voyager::image( $image ) }}@else{{ $image }}@endif"
                                                                style="width:50px">
                                                    @endforeach
                                                @endif
                                            @elseif($row->type == 'media_picker')
                                                @php
                                                    if (is_array($data->{$row->field})) {
                                                        $files = $data->{$row->field};
                                                    } else {
                                                        $files = json_decode($data->{$row->field});
                                                    }
                                                @endphp
                                                @if ($files)
                                                    @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                        @foreach (array_slice($files, 0, 3) as $file)
                                                            <img
                                                                    src="@if( !filter_var($file, FILTER_VALIDATE_URL)){{ Voyager::image( $file ) }}@else{{ $file }}@endif"
                                                                    style="width:50px">
                                                        @endforeach
                                                    @else
                                                        <ul>
                                                            @foreach (array_slice($files, 0, 3) as $file)
                                                                <li>{{ $file }}</li>
                                                            @endforeach
                                                        </ul>
                                                    @endif
                                                    @if (count($files) > 3)
                                                        {{ __('voyager::media.files_more', ['count' => (count($files) - 3)]) }}
                                                    @endif
                                                @elseif (is_array($files) && count($files) == 0)
                                                    {{ trans_choice('voyager::media.files', 0) }}
                                                @elseif ($data->{$row->field} != '')
                                                    @if (property_exists($row->details, 'show_as_images') && $row->details->show_as_images)
                                                        <img
                                                                src="@if( !filter_var($data->{$row->field}, FILTER_VALIDATE_URL)){{ Voyager::image( $data->{$row->field} ) }}@else{{ $data->{$row->field} }}@endif"
                                                                style="width:50px">
                                                    @else
                                                        {{ $data->{$row->field} }}
                                                    @endif
                                                @else
                                                    {{ trans_choice('voyager::media.files', 0) }}
                                                @endif
                                            @else
                                                @include('voyager::multilingual.input-hidden-bread-browse')
                                                <span>{{ $data->{$row->field} }}</span>
                                            @endif
                                        </td>
                                    @endforeach
                                    <td class="child2 text-center">
                                        <div class="flex-box button-row">
                                            @foreach(array_reverse($actions) as $action)
                                                @if (!method_exists($action, 'massAction'))
                                                    @include('voyager::bread.partials.actions', ['action' => $action])
                                                @endif
                                            @endforeach
                                        </div>
                                    </td>
                                    {{-- <td class="no-sort no-click" id="bread-actions">

                                     </td>--}}
                                </tr>

                            @endforeach

                            </tbody>
                        </table>
                    </div>

                    @if ($isServerSide)
                        {{ $dataTypeContent->appends([
                            'showSoftDeleted' => $showSoftDeleted,
                            "perPage" => request()->perPage ?? 10
                        ])->links() }}
                    @endif

                </div>
            </div>

        @else

            <div class="col-lg-12 col-md-12 col-sm-12" style="margin-top: 70px;">
                <div class="center-div">
                    <h4 class="bold-font text-center">
                        {{ __('voyager::generic.nothing_found') }}
                    </h4>
                    @can('add', app($dataType->model_name))
                        <a href="{{ route('voyager.players.index') }}" class="flex-box add-new" style="margin: auto; width: 170px">
                            <img src="{{voyager_asset('icon/par.svg')}}">
                            <p>
                                {{ __('voyager::generic.add_new') }}
                            </p>

                        </a>
                    @endcan
                </div>
            </div>

        @endif
    </div>

@endsection