index.blade.php 4.04 KB
@extends('layout.admin', ['title' => 'Админка - Работодатели на главной'])

@section('script')
    <script>
        $(document).ready(function() {
            $(document).on('change', '.check_js', function () {
                var this_ = $(this);
                var wrap = this_.closest('tr');
                var id = wrap.data('id');
                var field = this_.attr('data-field');
                var value = this_.val();
                var ajax_block = $('#ajax_block');
                var str ="id=" + id + "&"+ field + "=" + value;

                $.ajax({
                    type: "GET",
                    url: "{{ url()->full()}}",
                    data: str,
                    success: function (data) {
                        ajax_block.html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    error: function (data) {
                        console.log('Error: ' + data);
                    }
                });
            });

            $(document).on('click', '.employers-main-remove-button', function(){
                spinStart($(this));
                var this_btn = $(this);
                var wrap = this_btn.closest('tr');
                var id = wrap.data('id');

                @php
                    $page = request()->get('page');
                @endphp

                $.ajax({
                    type: "POST",
                    url: "{{ route('admin.employers-main-remove')}}",
                    data: {
                        id: id,
                        page: {{ $page }}
                    },
                    success: function (data) {
                        $('#ajax_block').html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('[name="_token"]').val()
                    },
                    error: function (data) {
                        console.log('Error: ' + data);
                    }
                });
            });

            $(document).on('click', '.employers-main-add-button', function(){
                spinStart($(this));
                var this_btn = $(this);

                @php
                    $page = request()->get('page');
                @endphp

                $.ajax({
                    type: "POST",
                    url: "{{ route('admin.employers-main-add')}}",
                    data:{
                        page: {{ $page }}
                    },
                    success: function (data) {
                        spinStop(this_btn);
                        $('#ajax_block').html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('[name="_token"]').val()
                    },
                    error: function (data) {
                        console.log('Error: ' + data);
                    }
                });
            });

        });
    </script>
@endsection

@section('content')
    <style>
        .col {
            width: 250px; /* Ширина блока */
            word-wrap: break-word; /* Перенос слов */
            word-break: break-all;
        }
    </style>
    @csrf
    <div class="mb-10">
        <button class="employers-main-add-button flex px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-green-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
            Добавить работодателя на главную
        </button>
    </div>
    <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
        @include('admin.employer_main.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">
        <?=$employers->appends($_GET)->links('admin.pagginate'); ?>
    </div>

@endsection