@extends('layouts.yonetim')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Kitap Yönetimi</h2>
        <div>
            <button type="button" class="btn btn-success me-2" data-bs-toggle="modal" data-bs-target="#excelModal">
                <i class="bi bi-file-excel me-2"></i>Excel ile Kitap Tanımla
            </button>
            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kitapModal">
                <i class="bi bi-plus-circle me-2"></i>Yeni Kitap Ekle
            </button>
        </div>
    </div>

    @if(session('message'))
        <div class="alert alert-success">
            {{ session('message') }}
            @if(session('hataliKayitlar') && count(session('hataliKayitlar')) > 0)
                <hr>
                <h6>İşlenemeyen Kayıtlar:</h6>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th>Barkod No</th>
                                <th>Kitap Adı</th>
                                <th>Hata Sebebi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach(session('hataliKayitlar') as $kayit)
                                <tr>
                                    <td>{{ $kayit['barkod_no'] }}</td>
                                    <td>{{ $kayit['kitap_adi'] }}</td>
                                    <td>{{ $kayit['sebep'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <!-- Kitap Listesi -->
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Barkod No</th>
                            <th>Kitap Adı</th>
                            <th>Yayın Evi</th>
                            <th>Maliyet</th>
                            <th>Satış Fiyat</th>
                            <th>İskonto Oran</th>
                            <th>İskonto Fiyat</th>
                            <th>Son Fiyat</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($kitaplar as $kitap)
                        <tr>
                            <td>{{ $kitap->barkod_no }}</td>
                            <td>{{ $kitap->kitap_adi }}</td>
                            <td>{{ $kitap->yayin_evi }}</td>
                            <td>{{ number_format($kitap->maliyet, 2) }} ₺</td>
                            <td>{{ number_format($kitap->satis_fiyat, 2) }} ₺</td>
                            <td>%{{ number_format($kitap->iskonto_oran, 2) }}</td>
                            <td>{{ number_format($kitap->iskonto_fiyat, 2) }} ₺</td>
                            <td>{{ number_format($kitap->son_fiyat, 2) }} ₺</td>
                            <td>
                                <button class="btn btn-sm btn-warning kitap-duzenle" 
                                        data-id="{{ $kitap->id }}"
                                        data-barkod="{{ $kitap->barkod_no }}"
                                        data-kitap-adi="{{ $kitap->kitap_adi }}"
                                        data-yayin-evi="{{ $kitap->yayin_evi }}"
                                        data-maliyet="{{ $kitap->maliyet }}"
                                        data-satis-fiyat="{{ $kitap->satis_fiyat }}"
                                        data-iskonto-oran="{{ $kitap->iskonto_oran }}">
                                    <i class="bi bi-pencil me-1"></i>Düzenle
                                </button>
                                <button class="btn btn-sm btn-danger kitap-sil" data-id="{{ $kitap->id }}">
                                    <i class="bi bi-trash me-1"></i>Sil
                                </button>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Excel Import Modal -->
    <div class="modal fade" id="excelModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Excel ile Kitap Tanımla</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form action="{{ route('yonetim.kitaplar.import') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">Excel Dosyası Seçin</label>
                            <input type="file" class="form-control" name="excel_file" accept=".xlsx,.xls" required>
                        </div>
                        <div class="alert alert-info">
                            <h6>Excel Dosya Formatı:</h6>
                            <p class="small mb-0">
                                Sütunlar: Barkod No, Kitap Adı, Yayın Evi, Maliyet, Satış Fiyat, İskonto Oranı<br>
                                <a href="{{ route('yonetim.kitaplar.sablon') }}" class="alert-link">
                                    Örnek şablonu indirmek için tıklayın
                                </a>
                            </p>
                        </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">
                            <i class="bi bi-upload me-2"></i>Yükle
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Kitap Ekleme/Düzenleme Modal -->
    <div class="modal fade" id="kitapModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Yeni Kitap Ekle</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="kitapEkleForm">
                    @csrf
                    <div class="modal-body">
                        <div class="mb-3">
                            <label class="form-label">Barkod No</label>
                            <input type="text" class="form-control" name="barkod_no" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Kitap Adı</label>
                            <input type="text" class="form-control" name="kitap_adi" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Yayın Evi</label>
                            <input type="text" class="form-control" name="yayin_evi" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Maliyet</label>
                            <input type="number" step="0.01" class="form-control" name="maliyet" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Satış Fiyat</label>
                            <input type="number" step="0.01" class="form-control" name="satis_fiyat" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">İskonto Oranı (%)</label>
                            <input type="number" step="0.01" class="form-control" name="iskonto_oran" required>
                        </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>

    <!-- Kitap Düzenleme Modal -->
    <div class="modal fade" id="kitapDuzenleModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Kitap Düzenle</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="kitapDuzenleForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <input type="hidden" id="duzenleKitapId" name="kitap_id">
                        
                        <div class="mb-3">
                            <label class="form-label">Barkod No</label>
                            <input type="text" class="form-control" id="duzenleBarkodNo" name="barkod_no" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Kitap Adı</label>
                            <input type="text" class="form-control" id="duzenleKitapAdi" name="kitap_adi" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Yayın Evi</label>
                            <input type="text" class="form-control" id="duzenleYayinEvi" name="yayin_evi" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Maliyet</label>
                            <input type="number" step="0.01" class="form-control" id="duzenleMaliyet" name="maliyet" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Satış Fiyat</label>
                            <input type="number" step="0.01" class="form-control" id="duzenleSatisFiyat" name="satis_fiyat" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">İskonto Oranı (%)</label>
                            <input type="number" step="0.01" class="form-control" id="duzenleIskontoOran" name="iskonto_oran" required>
                        </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>
</div>

@push('scripts')
<script>
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        // Kitap Ekleme
        $('#kitapEkleForm').on('submit', function(e) {
            e.preventDefault();
            let formData = $(this).serialize();
            
            $.post('{{ route("yonetim.kitap.ekle") }}', formData)
                .done(function(response) {
                    if(response.success) {
                        location.reload();
                    }
                })
                .fail(function(xhr) {
                    if(xhr.responseJSON && xhr.responseJSON.errors) {
                        let errors = xhr.responseJSON.errors;
                        let errorMessage = '';
                        for(let field in errors) {
                            errorMessage += errors[field][0] + '\n';
                        }
                        alert(errorMessage);
                    } else {
                        alert('Bir hata oluştu!');
                    }
                });
        });

        // Kitap Düzenleme Modal Açma
        $('.kitap-duzenle').click(function() {
            let kitapId = $(this).data('id');
            let barkod = $(this).data('barkod');
            let kitapAdi = $(this).data('kitap-adi');
            let yayinEvi = $(this).data('yayin-evi');
            let maliyet = $(this).data('maliyet');
            let satisFiyat = $(this).data('satis-fiyat');
            let iskontoOran = $(this).data('iskonto-oran');
            
            $('#duzenleKitapId').val(kitapId);
            $('#duzenleBarkodNo').val(barkod);
            $('#duzenleKitapAdi').val(kitapAdi);
            $('#duzenleYayinEvi').val(yayinEvi);
            $('#duzenleMaliyet').val(maliyet);
            $('#duzenleSatisFiyat').val(satisFiyat);
            $('#duzenleIskontoOran').val(iskontoOran);
            
            $('#kitapDuzenleModal').modal('show');
        });

        // Kitap Güncelleme
        $('#kitapDuzenleForm').on('submit', function(e) {
            e.preventDefault();
            let kitapId = $('#duzenleKitapId').val();
            let formData = $(this).serialize();
            
            $.ajax({
                url: `/yonetim/kitap/${kitapId}/guncelle`,
                type: 'PUT',
                data: formData,
                success: function(response) {
                    if(response.success) {
                        location.reload();
                    }
                },
                error: function(xhr) {
                    if(xhr.responseJSON && xhr.responseJSON.errors) {
                        let errors = xhr.responseJSON.errors;
                        let errorMessage = '';
                        for(let field in errors) {
                            errorMessage += errors[field][0] + '\n';
                        }
                        alert(errorMessage);
                    } else {
                        alert('Bir hata oluştu!');
                    }
                }
            });
        });

        // Kitap Silme
        $('.kitap-sil').click(function() {
            if (!confirm('Bu kitabı silmek istediğinizden emin misiniz?')) {
                return;
            }
            
            let kitapId = $(this).data('id');
            
            $.ajax({
                url: `/yonetim/kitap/${kitapId}/sil`,
                type: 'DELETE',
                success: function(response) {
                    if(response.success) {
                        location.reload();
                    }
                },
                error: function() {
                    alert('Bir hata oluştu!');
                }
            });
        });
    });
</script>
@endpush
@endsection