@extends('admin.layouts.app')

@section('title', 'Ayarlar')

@section('content')
<div class="container-fluid">
    <div class="row">
        <!-- Talep Türleri -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Talep Türleri</h5>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showAddTypeModal()">
                        <i class="bi bi-plus-lg"></i> Yeni Ekle
                    </button>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($reqTypes as $type)
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <span class="fw-bold">{{ $type->name }}</span>
                                    <small class="d-block text-muted">Sıra: {{ $type->order }}</small>
                                </div>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-primary" onclick="showEditTypeModal({{ $type->id }}, '{{ $type->name }}', {{ $type->order }})">
                                        <i class="bi bi-pencil"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-danger" onclick="deleteType({{ $type->id }})">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <!-- Talep Öncelikleri -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Öncelikler</h5>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showAddPriorityModal()">
                        <i class="bi bi-plus-lg"></i> Yeni Ekle
                    </button>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($reqPriorities as $priority)
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <span class="fw-bold">{{ $priority->name }}</span>
                                    <small class="d-block text-muted">Sıra: {{ $priority->order }}</small>
                                </div>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-primary" onclick="showEditPriorityModal({{ $priority->id }}, '{{ $priority->name }}', {{ $priority->order }})">
                                        <i class="bi bi-pencil"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-danger" onclick="deletePriority({{ $priority->id }})">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <!-- Talep Durumları -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Durumlar</h5>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showAddStatusModal()">
                        <i class="bi bi-plus-lg"></i> Yeni Ekle
                    </button>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($reqStatuses as $status)
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <span class="fw-bold">{{ $status->name }}</span>
                                    <small class="d-block text-muted">Sıra: {{ $status->order }}</small>
                                </div>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-primary" onclick="showEditStatusModal({{ $status->id }}, '{{ $status->name }}', {{ $status->order }})">
                                        <i class="bi bi-pencil"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-danger" onclick="deleteStatus({{ $status->id }})">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <!-- İşlem Türleri -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">İşlem Türleri</h5>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showAddActionTypeModal()">
                        <i class="bi bi-plus-lg"></i> Yeni Ekle
                    </button>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($reqActionTypes as $actionType)
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <span class="fw-bold">{{ $actionType->name }}</span>
                                    <small class="d-block text-muted">Sıra: {{ $actionType->order }}</small>
                                </div>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-primary" onclick="showEditActionTypeModal({{ $actionType->id }}, '{{ $actionType->name }}', {{ $actionType->order }})">
                                        <i class="bi bi-pencil"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-danger" onclick="deleteActionType({{ $actionType->id }})">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modals -->
@include('admin.settings.partials.type-modal')
@include('admin.settings.partials.priority-modal')
@include('admin.settings.partials.status-modal')
@include('admin.settings.partials.action-type-modal')

@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
// Talep Türü İşlemleri
function showAddTypeModal() {
    $('#typeModal').modal('show');
    $('#typeForm').attr('action', '{{ route("admin.settings.req-types.store") }}');
    $('#typeMethod').val('POST');
    $('#typeName').val('');
    $('#typeOrder').val('');
    $('#typeModalLabel').text('Yeni Talep Türü Ekle');
}

function showEditTypeModal(id, name, order) {
    $('#typeModal').modal('show');
    $('#typeForm').attr('action', `{{ route("admin.settings.req-types.update", "") }}/${id}`);
    $('#typeMethod').val('PUT');
    $('#typeName').val(name);
    $('#typeOrder').val(order);
    $('#typeModalLabel').text('Talep Türü Düzenle');
}

function deleteType(id) {
    Swal.fire({
        title: 'Emin misiniz?',
        text: "Bu işlem geri alınamaz!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, sil!',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route("admin.settings.req-types.destroy", "") }}/${id}`,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire('Başarılı!', response.message, 'success').then(() => {
                        location.reload();
                    });
                },
                error: function(xhr) {
                    Swal.fire('Hata!', 'Bir hata oluştu.', 'error');
                }
            });
        }
    });
}

// Öncelik İşlemleri
function showAddPriorityModal() {
    $('#priorityModal').modal('show');
    $('#priorityForm').attr('action', '{{ route("admin.settings.req-priorities.store") }}');
    $('#priorityMethod').val('POST');
    $('#priorityName').val('');
    $('#priorityOrder').val('');
    $('#priorityModalLabel').text('Yeni Öncelik Ekle');
}

function showEditPriorityModal(id, name, order) {
    $('#priorityModal').modal('show');
    $('#priorityForm').attr('action', `{{ route("admin.settings.req-priorities.update", "") }}/${id}`);
    $('#priorityMethod').val('PUT');
    $('#priorityName').val(name);
    $('#priorityOrder').val(order);
    $('#priorityModalLabel').text('Öncelik Düzenle');
}

function deletePriority(id) {
    Swal.fire({
        title: 'Emin misiniz?',
        text: "Bu işlem geri alınamaz!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, sil!',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route("admin.settings.req-priorities.destroy", "") }}/${id}`,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire('Başarılı!', response.message, 'success').then(() => {
                        location.reload();
                    });
                },
                error: function(xhr) {
                    Swal.fire('Hata!', 'Bir hata oluştu.', 'error');
                }
            });
        }
    });
}

// Durum İşlemleri
function showAddStatusModal() {
    $('#statusModal').modal('show');
    $('#statusForm').attr('action', '{{ route("admin.settings.req-status.store") }}');
    $('#statusMethod').val('POST');
    $('#statusName').val('');
    $('#statusOrder').val('');
    $('#statusModalLabel').text('Yeni Durum Ekle');
}

function showEditStatusModal(id, name, order) {
    $('#statusModal').modal('show');
    $('#statusForm').attr('action', `{{ route("admin.settings.req-status.update", "") }}/${id}`);
    $('#statusMethod').val('PUT');
    $('#statusName').val(name);
    $('#statusOrder').val(order);
    $('#statusModalLabel').text('Durum Düzenle');
}

function deleteStatus(id) {
    Swal.fire({
        title: 'Emin misiniz?',
        text: "Bu işlem geri alınamaz!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, sil!',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route("admin.settings.req-status.destroy", "") }}/${id}`,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire('Başarılı!', response.message, 'success').then(() => {
                        location.reload();
                    });
                },
                error: function(xhr) {
                    Swal.fire('Hata!', 'Bir hata oluştu.', 'error');
                }
            });
        }
    });
}

// İşlem Türü İşlemleri
function showAddActionTypeModal() {
    $('#actionTypeModal').modal('show');
    $('#actionTypeForm').attr('action', '{{ route("admin.settings.req-action-types.store") }}');
    $('#actionTypeMethod').val('POST');
    $('#actionTypeName').val('');
    $('#actionTypeOrder').val('');
    $('#actionTypeModalLabel').text('Yeni İşlem Türü Ekle');
}

function showEditActionTypeModal(id, name, order) {
    $('#actionTypeModal').modal('show');
    $('#actionTypeForm').attr('action', `{{ route("admin.settings.req-action-types.update", "") }}/${id}`);
    $('#actionTypeMethod').val('PUT');
    $('#actionTypeName').val(name);
    $('#actionTypeOrder').val(order);
    $('#actionTypeModalLabel').text('İşlem Türü Düzenle');
}

function deleteActionType(id) {
    Swal.fire({
        title: 'Emin misiniz?',
        text: "Bu işlem geri alınamaz!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, sil!',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route("admin.settings.req-action-types.destroy", "") }}/${id}`,
                type: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire('Başarılı!', response.message, 'success').then(() => {
                        location.reload();
                    });
                },
                error: function(xhr) {
                    Swal.fire('Hata!', 'Bir hata oluştu.', 'error');
                }
            });
        }
    });
}

// Form submit işlemleri için AJAX setup
$(document).ready(function() {
    $('#typeForm, #priorityForm, #statusForm, #actionTypeForm').on('submit', function(e) {
        e.preventDefault();
        var form = $(this);
        
        $.ajax({
            url: form.attr('action'),
            type: form.find('input[name="_method"]').val() || 'POST',
            data: form.serialize(),
            success: function(response) {
                $(form.closest('.modal')).modal('hide');
                Swal.fire('Başarılı!', response.message, 'success').then(() => {
                    location.reload();
                });
            },
            error: function(xhr) {
                let errorMessage = 'Bir hata oluştu.';
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    errorMessage = xhr.responseJSON.message;
                }
                Swal.fire('Hata!', errorMessage, 'error');
            }
        });
    });
});
</script>
@endsection