@extends('admin.layouts.app')

@section('title', 'Talep Detayı')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">Talep Detayı #{{ $request->id }}</h1>
        <div>
            <a href="{{ route('admin.requests.index') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> Geri
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Talep Detayları -->
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Talep Bilgileri</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.requests.update', $request) }}" method="POST" id="editForm">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="type" class="form-label">Talep Tipi</label>
                                <select name="type" id="type" class="form-select @error('type') is-invalid @enderror" required>
                                    <option value="">Seçiniz</option>
                                    @foreach($types as $type)
                                        <option value="{{ $type->id }}" {{ $request->type == $type->id ? 'selected' : '' }}>
                                            {{ $type->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="priority" class="form-label">Öncelik</label>
                                <select name="priority" id="priority" class="form-select @error('priority') is-invalid @enderror" required>
                                    <option value="">Seçiniz</option>
                                    @foreach($priorities as $priority)
                                        <option value="{{ $priority->id }}" {{ $request->priority == $priority->id ? 'selected' : '' }}>
                                            {{ $priority->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('priority')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="institution_id" class="form-label">Kurum</label>
                                <select name="institution_id" id="institution_id" class="form-select @error('institution_id') is-invalid @enderror">
                                    <option value="">Seçiniz</option>
                                    @foreach($institutions as $institution)
                                        <option value="{{ $institution->id }}" {{ $request->institution_id == $institution->id ? 'selected' : '' }}>
                                            {{ $institution->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('institution_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="contact_id" class="form-label">Kişi</label>
                                <select name="contact_id" id="contact_id" class="form-select select2-contact @error('contact_id') is-invalid @enderror" required>
                                    @if($request->contact)
                                        <option value="{{ $request->contact->id }}" selected>
                                            {{ $request->contact->tckn }} - {{ $request->contact->name }} {{ $request->contact->surname }} - {{ $request->contact->phone }}
                                        </option>
                                    @endif
                                </select>
                                @error('contact_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12 mb-3">
                                <label for="summary" class="form-label">Özet</label>
                                <textarea name="summary" id="summary" rows="3" class="form-control @error('summary') is-invalid @enderror" required>{{ $request->summary }}</textarea>
                                @error('summary')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12 mb-3">
                                <label for="editor_note" class="form-label">Editör Notu</label>
                                <textarea name="editor_note" id="editor_note" rows="3" class="form-control @error('editor_note') is-invalid @enderror">{{ $request->editor_note }}</textarea>
                                @error('editor_note')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label for="ref_name" class="form-label">Referans Adı</label>
                                <input type="text" name="ref_name" id="ref_name" class="form-control @error('ref_name') is-invalid @enderror" value="{{ $request->ref_name }}">
                                @error('ref_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label for="ref_relation" class="form-label">Referans İlişkisi</label>
                                <input type="text" name="ref_relation" id="ref_relation" class="form-control @error('ref_relation') is-invalid @enderror" value="{{ $request->ref_relation }}">
                                @error('ref_relation')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label for="ref_phone" class="form-label">Referans Telefonu</label>
                                <input type="text" name="ref_phone" id="ref_phone" class="form-control @error('ref_phone') is-invalid @enderror" value="{{ $request->ref_phone }}">
                                @error('ref_phone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="status" class="form-label">Durum</label>
                                <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                                    <option value="">Seçiniz</option>
                                    @foreach($statuses as $status)
                                        <option value="{{ $status->id }}" {{ $request->status == $status->id ? 'selected' : '' }}>
                                            {{ $status->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="text-end">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-save"></i> Kaydet
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- İşlem Geçmişi -->
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">İşlem Geçmişi</h5>
                    <div>
                        <button type="button" class="btn btn-primary btn-sm" onclick="showAddActionModal()">
                            <i class="bi bi-plus-lg"></i> Yeni İşlem
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    <table id="actionsTable" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Tarih</th>
                                <th>İşlem Tipi</th>
                                <th>Açıklama</th>
                                <th>Editör Notu</th>
                                <th>İşlemi Yapan</th>
                                <th>İşlemler</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($request->actions as $action)
                            <tr>
                                <td>{{ $action->created_at->format('d.m.Y H:i') }}</td>
                                <td>{{ $action->type->name ?? '-' }}</td>
                                <td>{{ $action->summary }}</td>
                                <td>{{ $action->editor_note }}</td>
                                <td>{{ $action->user->name }}</td>
                                <td>

                                    <button type="button" class="btn btn-sm btn-primary edit-action" 
                                            data-id="{{ $action->id }}"
                                            data-type="{{ $action->type_id }}"
                                            data-summary="{{ $action->summary }}"
                                            data-note="{{ $action->editor_note }}">
                                        <i class="bi bi-pencil"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-danger delete-action" data-id="{{ $action->id }}">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Dosyalar -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Dosyalar</h5>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showAddFileModal()">
                        <i class="bi bi-plus-lg"></i> Dosya Ekle
                    </button>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($request->files as $file)
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <a href="{{ Storage::url($file->path) }}" target="_blank">
                                        {{ $file->original_name }}
                                    </a>
                                    <small class="d-block text-muted">{{ $file->created_at->format('d.m.Y H:i') }}</small>
                                </div>
                                <button type="button" class="btn btn-sm btn-danger" onclick="deleteFile({{ $file->id }})">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Dosya Ekleme Modalı -->
<div class="modal fade" id="addFileModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Dosya Ekle</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="fileForm">
                    @csrf
                    <div class="mb-3">
                        <label for="files" class="form-label">Dosyalar</label>
                        <input type="file" class="form-control" id="files" name="files[]" multiple required>
                        <small class="text-muted">Birden fazla dosya seçebilirsiniz</small>
                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Açıklama</label>
                        <textarea class="form-control" id="description" name="description" rows="3"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                <button type="button" class="btn btn-primary" onclick="submitFileForm()">Yükle</button>
            </div>
        </div>
    </div>
</div>

<!-- İşlem Ekleme Modalı -->
<div class="modal fade" id="addActionModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Yeni İşlem Ekle</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="actionForm" enctype="multipart/form-data">
                <input type="hidden" name="req_id" value="{{ $request->id }}">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="action_type" class="form-label">İşlem Tipi</label>
                        <select class="form-select" id="action_type" name="type" required>
                            <option value="">Seçiniz</option>
                            @foreach($actionTypes as $actionType)
                                <option value="{{ $actionType->id }}">{{ $actionType->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="action_description" class="form-label">İşlem Açıklaması</label>
                        <textarea class="form-control" id="action_description" name="summary" rows="3"></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="editor_note" class="form-label">Editör Notu</label>
                        <textarea class="form-control" id="editor_note" name="editor_note" rows="3"></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="action_files" class="form-label">Dosyalar</label>
                        <input type="file" class="form-control" id="action_files" name="files[]" multiple>
                        <small class="text-muted">Birden fazla dosya seçebilirsiniz</small>
                    </div>
                    <div class="mb-3">
                        <label for="file_description" class="form-label">Dosya Açıklaması</label>
                        <textarea class="form-control" id="file_description" name="description" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                    <button type="submit" class="btn btn-primary">Kaydet</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- İşlem Düzenleme Modalı -->
<div class="modal fade" id="editActionModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">İşlem Düzenle</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="editActionForm">
                @csrf
                @method('PUT')
                <input type="hidden" name="action_id" id="edit_action_id">
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="edit_action_type" class="form-label">İşlem Tipi</label>
                        <select class="form-select" id="edit_action_type" name="type" required>
                            <option value="">Seçiniz</option>
                            @foreach($actionTypes as $actionType)
                                <option value="{{ $actionType->id }}">{{ $actionType->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="edit_action_summary" class="form-label">İşlem Açıklaması</label>
                        <textarea class="form-control" id="edit_action_summary" name="summary" rows="3"></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="edit_action_note" class="form-label">Editör Notu</label>
                        <textarea class="form-control" id="edit_action_note" name="editor_note" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                    <button type="submit" class="btn btn-primary">Güncelle</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('styles')
<style>
.timeline {
    position: relative;
    padding: 20px 0;
}

.timeline-item {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e9ecef;
}

.timeline-date {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 5px;
}

.timeline-content {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
}
</style>

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
@endsection

@section('scripts')
<script>
function showAddFileModal() {
    $('#addFileModal').modal('show');
}

function showAddActionModal() {
    $('#addActionModal').modal('show');
}

function submitFileForm() {
    var formData = new FormData();
    var files = $('#files')[0].files;
    var description = $('#description').val();
    
    for (var i = 0; i < files.length; i++) {
        formData.append('files[]', files[i]);
    }
    formData.append('description', description);
    formData.append('_token', '{{ csrf_token() }}');
    
    $.ajax({
        url: '{{ route("admin.requests.files.store", $request) }}',
        type: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        success: function(response) {
            $('#addFileModal').modal('hide');
            $('#fileForm')[0].reset();
            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');
        }
    });
}

function deleteFile(fileId) {
    Swal.fire({
        title: 'Emin misiniz?',
        text: "Bu dosya kalıcı olarak silinecek!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Evet, sil!',
        cancelButtonText: 'İptal'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `/admin/requests/files/${fileId}`,
                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!', 'Dosya silinirken bir hata oluştu.', 'error');
                }
            });
        }
    });
}

$(document).ready(function() {
    // İşlem ekleme formu
    $('#actionForm').on('submit', function(e) {
        e.preventDefault();
        
        var formData = new FormData(this);
        
        $.ajax({
            url: '{{ route("admin.requests.actions.store", $request->id) }}',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                $('#addActionModal').modal('hide');
                $('#actionForm')[0].reset();
                Swal.fire('Başarılı!', response.message, 'success').then(() => {
                    location.reload();
                });
            },
            error: function(xhr) {
                Swal.fire('Hata!', 'İşlem eklenirken bir hata oluştu.', 'error');
            }
        });
    });

    // Form submit işlemi için jQuery kodunu güncelleyelim
    $('#editForm').on('submit', function(e) {
        e.preventDefault();
        
        // Form verilerini konsola yazdırarak kontrol edelim
        var formData = new FormData(this);
        for (var pair of formData.entries()) {
            console.log(pair[0] + ': ' + pair[1]);
        }
        
        $.ajax({
            url: $(this).attr('action'),
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                console.log('Başarılı yanıt:', response); // Yanıtı kontrol edelim
                Swal.fire({
                    title: 'Başarılı!',
                    text: response.message || 'Talep başarıyla güncellendi.',
                    icon: 'success',
                    confirmButtonText: 'Tamam'
                }).then((result) => {
                    if (result.isConfirmed) {
                        location.reload();
                    }
                });
            },
            error: function(xhr, status, error) {
                console.error('Hata detayı:', xhr.responseText); // Hata detayını kontrol edelim
                
                let errorMessage = 'Bir hata oluştu.';
                if (xhr.responseJSON && xhr.responseJSON.message) {
                    errorMessage = xhr.responseJSON.message;
                }
                
                if (xhr.responseJSON && xhr.responseJSON.errors) {
                    let errors = xhr.responseJSON.errors;
                    let errorHtml = '<ul>';
                    Object.keys(errors).forEach(function(key) {
                        errorHtml += `<li>${errors[key][0]}</li>`;
                    });
                    errorHtml += '</ul>';
                    errorMessage = errorHtml;
                }

                Swal.fire({
                    title: 'Hata!',
                    html: errorMessage,
                    icon: 'error',
                    confirmButtonText: 'Tamam'
                });
            }
        });
    });

    // DataTable başlatma
    $('#actionsTable').DataTable({
        language: {
            url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/tr.json'
        },
        order: [[0, 'desc']],
        pageLength: 10,
        responsive: true,
    searching: true,
    paging: false,
    info: false,
    });

    // Düzenleme modalını açma
    $('.edit-action').click(function() {
        const id = $(this).data('id');
        const type = $(this).data('type');
        const summary = $(this).data('summary');
        const note = $(this).data('note');

        $('#edit_action_id').val(id);
        $('#edit_action_type').val(type);
        $('#edit_action_summary').val(summary);
        $('#edit_action_note').val(note);

        $('#editActionModal').modal('show');
    });

    // Düzenleme formunu gönderme
    $('#editActionForm').on('submit', function(e) {
        e.preventDefault();
        const actionId = $('#edit_action_id').val();

        $.ajax({
            url: `/admin/requests/actions/${actionId}`,
            type: 'POST',
            data: $(this).serialize(),
            success: function(response) {
                $('#editActionModal').modal('hide');
                Swal.fire('Başarılı!', 'İşlem başarıyla güncellendi.', 'success')
                    .then(() => location.reload());
            },
            error: function(xhr) {
                Swal.fire('Hata!', 'İşlem güncellenirken bir hata oluştu.', 'error');
            }
        });
    });

    // Silme işlemi
    $('.delete-action').click(function() {
        const actionId = $(this).data('id');

        Swal.fire({
            title: 'Emin misiniz?',
            text: "Bu işlem kaydı kalıcı olarak silinecek!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Evet, sil',
            cancelButtonText: 'Vazgeç'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: `/admin/requests/actions/${actionId}`,
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        Swal.fire('Başarılı!', 'İşlem başarıyla silindi.', 'success')
                            .then(() => location.reload());
                    },
                    error: function(xhr) {
                        Swal.fire('Hata!', 'İşlem silinirken bir hata oluştu.', 'error');
                    }
                });
            }
        });
    });
});
</script>

<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
@endsection