@extends('layouts.app')

@section('content')
<nav class="navbar navbar-main navbar-expand-lg px-0 mx-1 shadow-none border-radius-xl mt-0 bg-primary">
        <div class="container-fluid py-1 px-3">
            @include('layouts.navbars.auth.topnav', ['title' => trans('words.rewritemodelarea')])
            <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
                <ul class="navbar-nav justify-content-end ms-md-auto pe-md-3 d-flex align-items-center">
                    <li class="nav-item d-flex align-items-center">
                        @include('auth.logout')
                    </li>
                    @if(auth()->user()->id != 1)
                        <li class="nav-item px-3 d-flex align-items-center">
                            <a href="#" onclick='profileSetting({{ auth()->user()->id }});'>
                                <i class="fa fa-user me-sm-0" style="color: white;"></i>
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </nav>

<div class="container mt-4">
    <h4 class="mb-4 text-left">@lang('words.rewritemodelarea')</h4>
    <table class="table table-striped" id="workOrderTable">
        <thead class="bg-dark  text-white">
            <tr>
                
                <th class="text-sm text-center">@lang('words.work_area')</th> 
                
                <th class="text-sm text-center">@lang('words.modelarea')</th>
             
                <th class="text-sm text-center">@lang('words.action')</th>
            </tr>
        </thead>
        <tbody class="text-center">
            
            @foreach($data as $row)
                <tr>
                 
                    <td>{{ $row->workarea_name }}</td>
                    <td>{{ $row->modelarea_name }}</td>
                    
                    <td>
                        <button class="btn btn-warning btn-sm" onclick="editModelArea({{ $row->id }}, '{{ $row->modelarea_name}}')"><i class="fas fa-edit"></i> 
                        </button>
                        <button class="btn btn-danger btn-sm" onclick="deleteModelArea({{ $row->id }})"><i class="fas fa-trash-alt"></i></button>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@push('js')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

    <script src="/assets/js/core/jquery.min.js"></script>
    <script src="/assets/js/plugins/sweetalert.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script>

    
$(document).ready(function() {
    $('#workOrderTable').DataTable({
        paging: true,
        pageLength: 50,       
        searching: true,     
        ordering: true,     
        info: true  
    });

});

function editModelArea(id, modelarea_name) {
    Swal.fire({
        title: '@lang('words.edittitle')',
        input: 'text',
        inputValue: modelarea_name,
        showCancelButton: true,
        confirmButtonText: '@lang('words.update')',
        preConfirm: (newName) => {
            return $.ajax({
                url: `/model-area/update/${id}`,
                type: 'POST',
                data: {
                    name: newName, // match Laravel validation
                    _token: '{{ csrf_token() }}',
                    _method: 'PUT'  // spoof PUT method
                }
            }).then(response => {
                Swal.fire('@lang('words.success')', '@lang('words.modelareaupdated')', 'success')
                    .then(() => {
                        location.reload();
                    });
            }).catch(err => {
                Swal.showValidationMessage('@lang('words.failedtoupdate')');
            });
        }
    });
}

function deleteModelArea(id) {
    Swal.fire({
        title: '@lang('words.sure')',
        text: '@lang('words.confirmdelete')',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: '@lang('words.delete')',
        confirmButtonColor: '#d33'
    }).then(result => {
        if (result.isConfirmed) {
            $.ajax({
                url: `/model-area/delete/${id}`,
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    _method: 'DELETE'  // spoof DELETE method
                },
                success: function () {
                    Swal.fire('@lang('words.deleted')', '@lang('words.modelareadeleted')', 'success')
                        .then(() => {
                            location.reload();
                        });
                },
                error: function () {
                    Swal.fire('@lang('words.err')', '@lang('words.faileddeletema')', 'error');
                }
            });
        }
    });
}

</script>
@endpush

@push('css')

@endpush

@endsection