@extends('layouts.app', ['module' => 'Teklif Düzenle', 'moduleTitle' => 'Teklif Düzenle'])
@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

            <input name="_method" type="hidden" value="PATCH">
            <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 mt-2">
                <div class="col-md-6">

                    <label class="form-label">Şirket</label>
                    <input type="text" class="form-control" placeholder="Şirket"
                        name="customer" value="{{ $offer->customer }}">
                <br>
                    </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="{{ $offer->customer_name }}">
                </div>
            </div>
            <div class="row">
                <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="{{ $offer->tax_number_or_tc }}">
                <br>
                    </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="{{ $offer->tax_office }}">
                </div>
            </div>


            <div class="row">
                <div class="col-md-6">

                    <label class="form-label">Telefon</label>
                    <input type="text" class="form-control" placeholder="05xxxxxxxxx"
                        name="phone" value="{{ $offer->phone }}">
                <br>
                    </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="{{ $offer->email }}">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">

                    <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="{{ $offer->offer_period }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Adres</label>
                    <textarea id="address" class="form-control" name="address">{{ $offer->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="{{ $offer->terms_and_conditions_text }}">
                </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="{{ $offer->approval_and_start_text}}">

                </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" {{ $offer->offertype == 0 ? 'selected' : '' }}>Freelancer</option>
                        <option value="kurumsal" {{ $offer->offertype == 1 ? 'selected' : '' }}>Kurumsal</option>
                    </select>
                </div>
            </div>
    </div>

    <hr>

    <br>
    <button type="button" class="btn btn-info Satirekle">Yeni Ürün Ekle</button>
    <br>
    <div class="row mt-2">
        <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>
                        @forelse ($offer->items as $key=>$item)
                        <tr class="satir" id="row{{ $key }}">
                            <td><input id="urun_" name="urun[]" type="text"
                                    class="form-control" required=""
                                    value="{{ $item->urun }}"></td>
                            <td><input required="" id="adet_{{ $key }}" name="adet[]"
                                    class="adet hesaplama form-control"
                                    value="{{ $item->adet }}"
                                    onchange="this.value = this.value.replace(/,/g, '.')">
                            </td>
                            <td><input required="" id="fiyat_{{ $key }}" name="fiyat[]"
                                    class="fiyat hesaplama form-control"
                                    value="{{ $item->fiyat }}"
                                    onchange="this.value = this.value.replace(/,/g, '.')">
                            </td>
                            <td><input name="kdvsiztoplam"
                                    class="kdvsiztoplam form-control" disabled=""
                                    id="kdvsiztoplam"
                                    value="{{ $item->kdvsiztoplam }}"
                                    readonly="readonly">
                            </td>
                            <td><input required="" id="kdvoran_{{ $key }}" name="kdvoran[]"
                                    class="kdvoran hesaplama form-control"
                                    value="{{isset($item->kdvoran)   ? $item->kdvoran:'20'             }}">
                            </td>
                            <td><input name="kdvtutar" class="kdvtutar form-control"
                                    disabled="" id="kdvtutar"
                                    value="{{ $item->kdvtutar }}"
                                    readonly="readonly">
                            </td>
                            <td><input id="kdvlitutar_{{ $key }}" name="kdvlitutar[]"
                                    disabled="" class="kdvlitutar form-control"
                                    value="{{ $item->kdvlitutar }}"
                                    readonly="readonly"></td>
                            <td><input type="date" id="sonaermetarih_{{ $key }}"
                                    name="sonaermetarih[]"
                                    class="sonaermetarih form-control"

                                    value="{{ isset($offer->items[0]) ? \Carbon\Carbon::parse($item->sonaermetarih)->format('Y-m-d') : '' }}">
                            <td><a href="#" type="button" name="remove"
                                    id="{{ $key }}"
                                    class="btn_remove btn btn-danger"><i
                                        class="la la-trash">X</i></a></td>
                        </tr>
                        @empty
                        <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="{{isset($item->kdvoran)   ? $item->kdvoran:'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="{{ isset($item->sonaermetarih) ? \Carbon\Carbon::parse($item->sonaermetarih)->format('Y-m-d') : '' }}">

                        </tr>
                        @endforelse
                    </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($offer->aratoplam,2)}} ₺">
                            </td>
                        </tr>
                        <tr>
                            <td>Kdv</td>
                            <td>
                                <input id="kdvtoplam" class="form-control" disabled name="kdvtoplam" type="text" value="{{number_format($offer->kdvtoplam,2)}} ₺">
                            </td>
                        </tr>
                        <tr>
                            <td>Genel Toplam</td>
                            <td>
                                <input id="geneltoplam" name="geneltoplam" disabled class="form-control" type="text" value="{{number_format($offer->geneltoplam,2)}} ₺">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>



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

        }
    </style>

    </form>

</div>
</div>
@endsection
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>

@section('scripts')
<script type="text/javascript">
    $(document).on("submit", "#newOffer", function(event) {
        event.preventDefault();
        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
        console.log(offertype);
        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.update', $offer->id) }}",
            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);
                    console.log(result.error);
                }
            },
            error: function() {
                toastr.error("Bağlantı Hatası! Tekrar Deneyin.");
                console.log("bğlantı hata");
            }
        });
    });


    $(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"><i class=" la la-trash"></i></a></td></tr>');
        });

        $(document).on('click', '.btn_remove', function(e) {
            e.preventDefault;
            var button_id = $(this).attr("id");
            $('#row' + button_id + '').remove();
            calcAll();
        });
        $(document).on("keyup", ".hesaplama", calcAll);
        w
        $(".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