@extends('layouts.fuar')

@section('title', 'Kitap Yönetimi')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Kitap Yönetimi</h1>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kitapEkleModal">
            <i class="bi bi-plus-lg"></i> Yeni Kitap Ekle
        </button>
    </div>

    <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-kitap="{{ json_encode($kitap) }}">
                                    <i class="bi bi-pencil"></i>
                                </button>
                                <button class="btn btn-sm btn-danger kitap-sil" 
                                        data-id="{{ $kitap->id }}">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Kitap Ekleme Modal -->
<div class="modal fade" id="kitapEkleModal" 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>
            <div class="modal-body">
                <form id="kitapEkleForm">
                    <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>
                </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" id="kitapKaydet">Kaydet</button>
            </div>
        </div>
    </div>
</div>

<!-- Kitap Düzenleme Modal -->
<div class="modal fade" id="kitapDuzenleModal" tabindex="-1">
    <!-- Düzenleme modal içeriği yönetim panelindeki ile aynı -->
</div>

@endsection

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

    // Kitap Ekleme
    $('#kitapKaydet').click(function() {
        let formData = $('#kitapEkleForm').serialize();
        
        $.post('{{ route("fuar.kitap.ekle") }}', formData)
            .done(function(response) {
                if(response.success) {
                    location.reload();
                }
            })
            .fail(function(xhr) {
                alert('Bir hata oluştu!');
            });
    });

    // Kitap Düzenleme ve Silme işlemleri yönetim panelindeki ile aynı mantıkta
    // sadece route'lar fuar. prefix'i ile değiştirilecek
</script>
@endsection