@extends('layouts.app', ['module' => 'Teklif Oluştur', 'moduleTitle' => 'Teklif Oluştur'])
@section('bodyClass', 'dashboard-main')
@section('content')
<div class="card basic-data-table">
    <div class="card-header">
        <h5 class="card-title mb-0">Teklifler</h5>
    </div>
    <div class="card-body">
        <form class="form" id="newOffer" method="post">
            @csrf
            <div class="form-actions">
                <button type="submit" class="btn btn-outline-success" id="saveButton">
                    <i class="ft-check"></i> Kaydet
                </button>
            </div>
            <h3>Müşteri Bilgileri</h3>


            <div class="row gy-3">
                <div class="col-md-6">
                    <label class="form-label">Şirket</label>
                    <input type="text" class="form-control" placeholder="Şirket" name="customer" value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Müşteri İsmi</label>
                    <input type="text" class="form-control" placeholder="Müşteri İsmi" name="customer_name"
                        value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Vergi No / T.C.</label>
                    <input type="text" class="form-control" placeholder="Vergi No / T.C." name="tax_number_or_tc"
                        value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Vergi Dairesi</label>
                    <input type="text" class="form-control" placeholder="Vergi Dairesi" name="tax_office"
                        value="">
                </div>

                <div class="col-md-6">
                    <label class="form-label">Telefon</label>
                    <input type="text" class="form-control" placeholder="05xxxxxxxxx" name="phone"
                        value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label">E-Posta Adresi</label>
                    <input type="email" class="form-control" placeholder="E-Posta Adresi" name="email"
                        value="">
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label class="form-label">Teklif Süresi <span class="mini-text">(Gün Olarak)</span></label>
                        <input type="number" class="form-control" placeholder="Teklif Süresi" name="offer_period"
                            value="">
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Adres</label>
                    <textarea id="address" class="form-control" name="address"></textarea>
                </div>
            </div>

            <div class="row gy-3 pt-20">
                <hr>
                <div class="col-12">
                    <h3>Genel Bilgiler</h3>
                </div>
                <div class="col-md-5">
                    <label class="form-label">Şartlar ve Koşullar</label>
                    <input type="text" class="form-control" placeholder="Şartlar ve Koşullar"
                        name="terms_and_conditions_text" value="">
                </div>
                <div class="col-md-5">
                    <label class="form-label">Onay ve İşe Başlama</label>
                    <input type="text" class="form-control" placeholder="Onay ve İşe Başlama"
                        name="approval_and_start_text" value="">

                </div>

                <div class="col-md-2">
                    <label class="form-label" for="offertype">Kullanıcı Tipi</label>
                    <select name="offertype" id="offertype" class="form-control">
                        <option value="freelancer" selected>Freelancer</option>
                        <option value="kurumsal">Kurumsal</option>
                    </select>
                </div>
            </div>

            <div class="row gy-3 pt-20">
                <hr>
                <div class="col-12">

                    <button type="button" class="btn btn-info Satirekle  pt-10">Yeni Ürün Ekle</button>
                </div>
                <div class="row gy-3 ">
                    <div class="col-md-12">
                        <div class="table-responsive m-t-10">
                            <table id="Tablom" class="table table-bordered table-striped dataTable no-footer">
                                <tbody>
                                    <tr>
                                        <th>Ürün</th>
                                        <th>Adet</th>
                                        <th>Birim Fiyat</th>
                                        <th>Kdvsiz Toplam</th>
                                        <th>Kdv Oranı</th>
                                        <th>Kdv Tutar</th>
                                        <th>Kdvli Tutar</th>
                                        <th>Sona Erme Tarihi</th>
                                        <th>İşlem</th>
                                    </tr>
                                    <tr class="satir">
                                        <td><input id="urun_" name="urun[]" type="text" class="form-control"
                                                required=""></td>
                                        <td><input required="" id="adet_" name="adet[]"
                                                class="adet hesaplama form-control" value=""
                                                onchange="this.value = this.value.replace(/,/g, '.')">
                                        </td>
                                        <td><input required="" id="fiyat_" name="fiyat[]"
                                                class="fiyat hesaplama form-control" value=""
                                                onchange="this.value = this.value.replace(/,/g, '.')">
                                        </td>
                                        <td><input name="kdvsiztoplam" class="kdvsiztoplam form-control"
                                                disabled="" id="kdvsiztoplam" value=""
                                                readonly="readonly">
                                        </td>
                                        <td><input required="" id="kdvoran_" name="kdvoran[]"
                                                class="kdvoran hesaplama form-control" value="20">
                                        </td>
                                        <td><input name="kdvtutar" class="kdvtutar form-control" disabled=""
                                                id="kdvtutar" value="" readonly="readonly">
                                        </td>
                                        <td><input id="kdvlitutar_" name="kdvlitutar[]" disabled=""
                                                class="kdvlitutar form-control" value=""
                                                readonly="readonly">
                                        </td>
                                        <td><input type="date" id="sonaermetarih_" name="sonaermetarih[]"
                                                class="sonaermetarih form-control" value="0000-00-00 00:00:00">
                                        </td>

                                    </tr>
                                </tbody>
                            </table>
                            <br>
                            <table id="Tablom2" style="float:right;">
                                <tbody>
                                    <style>
                                        table {
                                            width: 100%;
                                            border-collapse: collapse;
                                        }

                                        td {
                                            padding: 10px;
                                            vertical-align: middle;
                                            text-align: left;
                                        }

                                        input {
                                            width: 100%;
                                            box-sizing: border-box;
                                            padding: 5px;
                                            font-size: 14px;
                                        }
                                    </style>
                                    <tr>
                                        <td>Ara Toplam</td>
                                        <td>
                                            <input name="aratoplam" id="aratoplam" disabled class="form-control" type="text" value="{{number_format(0,2)}} ₺">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Kdv</td>
                                        <td>
                                            <input id="kdvtoplam" class="form-control" disabled name="kdvtoplam" type="text" value="{{number_format(0,2)}} ₺">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Genel Toplam</td>
                                        <td>
                                            <input id="geneltoplam" name="geneltoplam" disabled class="form-control" type="text" value="{{number_format(0,2)}} ₺">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
            <style>
                #saveButton {
                    position: absolute;
                    right: 80px;
                    top: 210px;

                }
            </style>

        </form>

    </div>
</div>
@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.5/js.cookie.min.js"></script>

<script type="text/javascript">
    $(document).off("submit", "#newOffer").on("submit", "#newOffer", function(event) {
        event.preventDefault();
        $('#saveButton').prop('disabled', true);

        var serialized = $(this).serializeArray();

        // Ürün satırları üzerinden her bir ürünün bilgilerini alalım
        $('.satir').each(function() {
            var kdvsiztoplam = $(this).find('.kdvsiztoplam').val();
            var kdvtutar = $(this).find('.kdvtutar').val();
            var kdvlitutar = $(this).find('.kdvlitutar').val();
            var sonaermetarih = $(this).find('.sonaermetarih').val(); // .text() yerine .val() kullandık
            // Bu değerleri serialized veriye ekleyelim
            serialized.push({
                name: 'kdvsiztoplam[]',
                value: kdvsiztoplam
            }, {
                name: 'kdvtutar[]',
                value: kdvtutar
            }, {
                name: 'kdvlitutar[]',
                value: kdvlitutar
            }, {
                name: 'sonaermetarih[]',
                value: sonaermetarih
            });
        });

        // Diğer gerekli verileri ekleyelim (aratoplam, kdvtoplam, geneltoplam vb.)
        serialized.push({
            name: 'csrf',
            value: Cookies.get('csrf_token')
        }, {
            name: 'aratoplam',
            value: $('input[name="aratoplam"]').val()
        }, {
            name: 'kdvtoplam',
            value: $('input[name="kdvtoplam"]').val()
        }, {
            name: 'geneltoplam',
            value: $('input[name="geneltoplam"]').val()
        });
        var offertype = $('select[name="offertype"]').val(); // 'offertype' select box'ından değeri alır

        if (offertype === 'freelancer') {
            serialized.push({
                name: 'offertype',
                value: 0 // Freelancer için 0 gönder
            });
        } else if (offertype === 'kurumsal') {
            serialized.push({
                name: 'offertype',
                value: 1 // Kurumsal için 1 gönder
            });
        }
        $.ajax({
            method: 'POST',
            dataType: 'json',
            data: serialized,
            url: "{{ route('offers.store') }}",
            success: function(result) {
                if (result.status === true) {
                    toastr.success("Teklif Başarıyla Eklendi.");

                    setTimeout(function() {
                        window.location.reload();
                    }, 1500);
                } else {
                    toastr.warning(result.error);
                }
            },
            error: function() {
                toastr.error("Bağlantı Hatası! Tekrar Deneyin.");
            }
        });
    });


    $(document).ready(function() {
        var sayac = 1;
        $('.Satirekle').click(function() {
            sayac++;
            $('#Tablom').append('<tr id="row' + sayac +
                '" class="satir"><td><input required id="urun_' + sayac + '" name="urun[]' +
                '" type="text" class="form-control" /></td><td><input required id="adet_' + sayac +
                '" name="adet[]" class="adet hesaplama form-control" value="" onchange="this.value = this.value.replace(\',\', \'.\')"/></td><td><input required id="fiyat_' +
                sayac +
                '" name="fiyat[]" class="fiyat hesaplama form-control" value="" onchange="this.value = this.value.replace(\',\', \'.\')"/></td><td><input name="kdvsiztoplam" class="kdvsiztoplam form-control" value="" readonly="readonly" /></td><td><input required id="kdvoran_' +
                sayac +
                '" name="kdvoran[]" class="kdvoran hesaplama form-control" value="20" /></td><td><input name="kdvtutar" class="kdvtutar hesaplama form-control" value="" readonly="readonly" /></td><td><input id="kdvlitutar_' +
                sayac +
                '" name="kdvlitutar[]" class="kdvlitutar hesaplama form-control" value="" readonly="readonly" /></td><td><input id="sonaermetarih_' +
                sayac +
                '" name="sonaermetarih[]" type="date" class="sonaermetarih hesaplama form-control" value=""  /></td><td><a href="#" type="button" name="remove" id="' +
                sayac +
                '" class="btn_remove btn btn-danger">X<i class=" la la-trash"></i></a></td></tr>');
        });

        $(document).on('click', '.btn_remove', function() {
            var button_id = $(this).attr("id");
            $('#row' + button_id + '').remove();
            calcAll();
        });
        $(document).on("keyup", ".hesaplama", calcAll);
        $(".hesaplama").on("change", calcAll);
    });

    function calcAll() {
        $(".satir").each(function() {
            var adet = 0;
            var fiyat = 0;
            var kdvoran = 0;

            if (!isNaN(parseFloat($(this).find(".adet").val()))) {
                adet = parseFloat($(this).find(".adet").val());
            }
            if (!isNaN(parseFloat($(this).find(".fiyat").val()))) {
                fiyat = parseFloat($(this).find(".fiyat").val());
            }
            if (!isNaN(parseFloat($(this).find(".kdvoran").val()))) {
                kdvoran = parseFloat($(this).find(".kdvoran").val());
            }
            kdvsiztoplam = adet * fiyat;
            $(this).find(".kdvsiztoplam").val(kdvsiztoplam.toFixed(2));
            kdvtutar = kdvsiztoplam * kdvoran / 100;
            $(this).find(".kdvtutar").val(kdvtutar.toFixed(2));
            kdvlitutar = kdvsiztoplam + kdvtutar;
            $(this).find(".kdvlitutar").val(kdvlitutar.toFixed(2));
        }); //
        var toplam = 0;
        $(".hesaplama").each(function() {
            if (!isNaN(this.value) && this.value.length != 0) {
                toplam *= parseFloat(this.value);
            }
            $("#toplam").val(toplam.toFixed(2));
            if (!isNaN($(this).find(".adet"))) {

            }
        });
        var aratoplam = 0;
        var kdvtoplam = 0;
        $(".kdvsiztoplam").each(function() {
            if (!isNaN(this.value) && this.value.length != 0) {
                aratoplam += parseFloat(this.value);
            }
        });
        $(".kdvtutar").each(function() {
            if (!isNaN(this.value) && this.value.length != 0) {
                kdvtoplam += parseFloat(this.value);
            }
        });
        $("#aratoplam").val(aratoplam.toFixed(2));
        $("#kdvtoplam").val(kdvtoplam.toFixed(2));
        $("#geneltoplam").val(parseFloat(aratoplam.toFixed(2)) + parseFloat(($("#kdvtoplam").val())));
    }
</script>
@endsection