index.blade.php 10.5 KB
@extends('layout.admin', ['title' => 'Админка - Вакансии'])

@section('script')
    <script>
        $(document).ready(function() {
            $(document).on('click', '#refresh_btn', function () {
                var this_ = $(this);
                var ajax_block = $('#ajax_block');
                var mas = [];
                var str_get = '';

                $('input:checkbox:checked').each(function(){
                    mas.push($(this).val());
                    console.log($(this).val());
                });

                $.ajax({
                    type: "GET",
                    dataType: 'html',
                    url: "{{ url()->full()}}",
                    data: ({data:mas}),
                    success: function (data) {
                        console.log('Обновление таблицы пользователей ');
                        //data = JSON.parse(data);
                        //console.log(data);
                        ajax_block.html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    error: function (data) {
                        console.log('Error: ' + data);
                    }
                });
            });
        });
    </script>
@endsection

@section('search')
    @include('admin.find_ad_employer', ['select_job' => $select_job])
@endsection

@section('content')
    <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">

        <div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800">
            <div class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500">
                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                    <path
                        d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path>
                </svg>
            </div>
            <div>
                <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
                    Всего вакансий
                </p>
                <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">
                    {{ $all_ad }}
                </p>
            </div>
        </div>
    </div>

    <div>
        <button style="margin-bottom: 10px; width:165px; display: inline-block;" id="refresh_btn" name="refresh_btn" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
            Обновить вакансии
        </button>
        <a href="{{ route('admin.add-ad-employers') }}" style="margin-bottom: 10px; width:310px; display: inline-block;" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
            Добавить вакансии от администратора
        </a>
    </div>
    <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
        <div class="w-full overflow-x-auto">
            <table class="w-full whitespace-no-wrap">
                <thead>
                <tr
                    class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
                >
                    <th class="px-4 py-3"></th>
                    <th class="px-4 py-3 class1">№</th>
                    <th class="px-4 py-3 class2">Лого/Заголовок/Компания</th>
                    <th class="px-4 py-3 class4">Должности</th>
                    <th class="px-4 py-3 class5">Избр.</th>
                    <th class="px-4 py-3 class6">Сроч.</th>
                    <th class="px-4 py-3 class7">Статус</th>
                    <th class="px-4 py-3 class8">Дата создан/изменен.</th>
                    <th class="px-4 py-3 class10">Изменить</th>
                </tr>
                </thead>
                <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
                @foreach($ad_employers as $ad)
                    <tr class="text-gray-700 dark:text-gray-400">
                        <td class="px-4 py-3 class1 text-xs">
                            <input type="checkbox" class="box" name="vacan_{{$ad->id}}" id="vacan_{{$ad->id}}" value="{{$ad->id}}"/>
                        </td>
                        <td class="px-4 py-3 class1 text-xs">
                            {{$ad->id}}
                        </td>
                        <td class="px-4 py-3 class2 text-xs">
                            <div class="flex items-center text-sm">
                                <div
                                    class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
                                >
                                    @if (isset($ad->employer->logo))
                                    <img
                                        class="object-cover w-full h-full rounded-full"
                                        src="{{ asset(Storage::url($ad->employer->logo)) }}"
                                        alt=""
                                        loading="lazy"
                                    />
                                    @endif
                                    <div
                                        class="absolute inset-0 rounded-full shadow-inner"
                                        aria-hidden="true"
                                    ></div>
                                </div>
                                <div>
                                    <p class="font-semibold">{{$ad->name}}</p>
                                    <p class="text-xs text-gray-600 dark:text-gray-400">
                                        {{$ad->employer->name_company}}
                                    </p>
                                </div>
                            </div>
                        </td>

                        <td class="px-4 py-3 class4 text-xs">
                            <div class="flex items-center text-sm">
                                @if ($ad->jobs->count())
                                <div>
                                    <?php $i = 0;?>
                                    @foreach ($ad->jobs as $title)
                                           <?php if ($i==0) {?>
                                           <p class="font-semibold">{{$title->name}}</p>
                                           <?php } else {?>
                                               <p class="font-semibold">/ {{$title->name}}</p>
                                           <?php }
                                           $i++;
                                           ?>
                                    @endforeach
                                </div>
                                @endif
                            </div>

                        </td>

                        <td class="px-4 py-3 text-sm class5 text-xs">
                            @if ($ad->favorite_vacancy==1)
                                <span class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100">
                                Да
                                </span>
                            @else
                                <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600">
                                Нет
                                </span>
                            @endif
                        </td>

                        <td class="px-4 py-3 text-sm class6 text-xs">
                            @if ($ad->sroch_vacancy==1)
                                <span class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100">
                                Да
                                </span>
                            @else
                                <span class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600">
                                Нет
                                </span>
                            @endif
                        </td>

                        <td class="px-4 py-3 text-sm class7 text-xs">
                            {{ $ad->status }}
                        </td>

                        <td class="px-4 py-3 text-sm class8 text-xs">
                            <div class="flex items-center text-xs">
                                <div>
                                    <p class="font-semibold">{{ date('d.m.Y', strtotime($ad->created_at)) }}</p>
                                    <p class="text-xs text-gray-600 dark:text-gray-400">
                                        {{ date('d.m.Y', strtotime($ad->updated_at)) }}
                                    </p>
                                </div>
                            </div>

                        </td>

                        <td class="px-4 py-3 text-sm class10 text-xs">
                            <form action="{{ route('admin.delete-ad-employer', ['ad_employer' => $ad->id]) }}" method="POST">
                                <a href="{{ route('admin.edit-ad-employers', ['ad_employer' => $ad->id]) }}">Изменить</a> |
                                @csrf
                                @method('DELETE')
                                <input class="btn btn-danger" type="submit" value="Удалить"/>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <div class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800">
            {{ $ad_employers->appends($_GET)->links('admin.pagginate') }}
        </div>
    </div>
@endsection