@extends('admin.app')

@section('content')

    <div class="container-fluid container-fullw">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-white">
                    <div class="panel-body">
                        <div class="row">
                        <button type="button" class="btn btn-success margin-10" onclick="$('#add-data-form').toggleClass('hidden');$('#filter-form').toggleClass('hidden')">Yeni Ekle</button>
                            <div style="margin-left: 20px">
                                <form onchange="$(this).submit()" id="filter-form">
                                    <div class="row">
                                        <div class="col-sm-1">
                                            <label for="id">ID</label>
                                            <input type="text" id="id" value="{{@$filter['id_veri']}}" class="form-control" name="filter[id_veri]" placeholder="ID">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="oneriTip">Öneri Tipi</label>
                                            <select id="oneriTip" class="form-control" name="filter[oneriTipi]">
                                                <option value="-1">Öneri Tipi</option>
                                                <option {{@$filter['oneriTipi'] == '1' ? 'selected' : ''}} value="1">Al</option>
                                                <option {{@$filter['oneriTipi'] == '2' ? 'selected' : ''}} value="2">Sat</option>
                                            </select>
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="onerilen">Öngörü</label>
                                            <input type="text" id="onerilen" value="{{@$filter['onerilen']}}" class="form-control" name="filter[onerilen]" placeholder="Öngörü">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="ongoru-fiyat">Öngörü Fiyatı</label>
                                            <input type="text" id="ongoru-fiyat" class="form-control" value="{{@$filter['ongoruFiyati']}}" name="filter[ongoruFiyati]" placeholder="Öngörü Fiyatı">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="birinciDirenc">1. Direnç</label>
                                            <input type="text" id="birinciDirenc" class="form-control" value="{{@$filter['birinciDirenc']}}" name="filter[birinciDirenc]" placeholder="Birinci Direnç">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="beklentiYuzdesi">Beklenti Yüzdesi</label>
                                            <input type="text" id="beklentiYuzdesi" class="form-control" value="{{@$filter['beklentiYuzdesi']}}" name="filter[beklentiYuzdesi]" placeholder="Beklenti Yüzdesi">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="aciklama">Açıklama</label>
                                            <input type="text" id="aciklama" class="form-control" name="filter[aciklama]" value="{{@$filter['aciklama']}}" placeholder="Açıklama">
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="gerceklesme">Gerçekleşme</label>
                                            <select id="gerceklesme" class="form-control" name="filter[gerceklesme]">
                                                <option value="-1">Gerçekleşme</option>
                                                <option {{@$filter['gerceklesme'] == '0' ? 'selected' : ''}} value="0">Açık</option>
                                                <option {{@$filter['gerceklesme'] == '1' ? 'selected' : ''}} value="1">Aynı Fiyat</option>
                                                <option {{@$filter['gerceklesme'] == '2' ? 'selected' : ''}} value="2">Gerçekleşmedi</option>
                                            </select>
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="yayin">Silindi</label>
                                            <select id="yayin" class="form-control" name="filter[silindi]">
                                                <option value="0">Aktif</option>
                                                <option {{@$filter['silindi'] == '1' ? 'selected' : ''}} value="1">Silindi</option>
                                            </select>
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="yayin">Yayın</label>
                                            <select id="yayin" class="form-control" name="filter[aktif]">
                                                <option value="-1">Yayın</option>
                                                <option {{@$filter['aktif'] == '1' ? 'selected' : ''}} value="1">Evet</option>
                                                <option {{@$filter['aktif'] == '0' ? 'selected' : ''}} value="0">Hayır</option>
                                            </select>
                                        </div>
                                        <div class="col-sm-2 margin-top-25">
                                            <div class="btn-group">
                                                <button type="submit" class="btn btn-success">Filtrele</button>
                                                <a href="{{route('panel.uvyh-data')}}" type="button" class="btn btn-info">Sıfırla</a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="row" style="padding-right: 20px">
                                <label class="pull-right">Toplam Kayıt Sayısı: {{$data->total()}}</label>
                            </div>
                        <div class="col-sm-12 hidden" id="add-data-form">
                            <form action="{{route('panel.post.data')}}" method="post">
                                {{csrf_field()}}
                                <input type="hidden" value="8" name="tip">
                                <input type="hidden" value="{{$uvyh->id_yazi}}" name="id_yazi">
                                <fieldset>
                                    <table class="tblVeriGiris" border="0" cellspacing="0" cellpadding="0">
                                        <tbody><tr class="baslikTR">
                                            <td style="display: none">Öneri<br>Tipi</td>
                                            <td>Hisse</td>
                                            <td>Hisse<br>Fiyatı</td>
                                            <td>Beklenti Fiyatı</td>
                                            <td id="revizeDirenc">Revize<br>Beklenti Fiyatı</td>
                                            <td style="display: none" id="sonrakiDirenc">Sonraki<br>Direnç</td>
                                            <td style="display: none">Beklenti<br>Yüzdesi</td>
                                            <td style="display: none">Zarar<br>Kes</td>
                                            <td style="display: none" id="destek">Destek</td>
                                            <td>Açıklama</td>
                                            <td>Yayın Tarihi</td>
                                            <td>Gerçekleşme</td>
                                            <td style="padding-left: 20px">Yayın</td>
                                        </tr>
                                        <tr>
                                            <td  style="display: none">
                                                <label class="t">
                                                    <input type="radio" name="oneriTipi" value="1" checked="checked"> <i class="fa fa-square" style="color: green"></i> Al
                                                </label>
                                                <br>
                                                <label class="t">
                                                    <input type="radio" name="oneriTipi" value="2"> <i class="fa fa-square" style="color: red"></i> Sat
                                                </label>
                                                <br>
                                            </td>
                                            <td>
                                                <input type="text" name="onerilen" value="" maxlength="20">
                                            </td>
                                            <td>
                                                <input type="text" name="ongoruFiyati" id="hisse-fiyati" value="0" onkeyup="setOran()" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td>
                                                <input type="text" name="birinciDirenc" id="beklenti-fiyati" onkeyup="setOran()" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">

                                                <span id="ratess"></span>
                                            </td>
                                            <td>
                                                <input id="revize-direnc" type="text" name="revizeDirenc" onkeyup="setOran()" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td style="display: none">
                                                <input type="text" name="sonrakiDirenc1" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="sonrakiDirenc2" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="sonrakiDirenc3" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td style="display: none">
                                                <input type="text" name="beklentiYuzdesi" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td style="display: none">
                                                <input type="text" name="zararKes" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td style="display: none">
                                                <input type="text" name="destek1" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek2" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek3" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek4" value="0" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td style="width:85px;">
                                                <textarea name="aciklama" maxlength="255" rows="6"></textarea>
                                            </td>
                                            <td>
                                                <input type="date" id="tarih" name="tarih" value="{{date('Y-m-d')}}" class="hasDatepicker">
                                                <input type="time" id="saat" name="saat" value="{{date('H:i:s')}}" class="hasDatepicker">
                                            </td>
                                            <td style="width: 190px">
                                                <div class="margin-form" style="padding-left: 10px">

                                                    <label class="t" >
                                                        <input type="radio" name="gerceklesme" value="0" checked="checked"> Açık
                                                    </label>
                                                    <label class="t" style="margin-left: 10px">
                                                        <input type="radio" name="gerceklesme" value="1"> <i class="fa fa-check-square isaretler" style="color: green"></i>
                                                    </label>
                                                    <label class="t">
                                                        <input type="radio" name="gerceklesme" value="3"> <i class="fa isaretler" style="color: green;font-size: 20px;font-weight: bold">+=</i>
                                                    </label>
                                                    <label class="t" style="margin-left: 10px">
                                                        <input type="radio" name="gerceklesme" value="2"><i class="fa fa-close isaretler" style="color: red"></i>
                                                    </label>
                                                    <sup> *</sup>
                                                </div>
                                            </td>
                                            <td style="padding-left: 20px">
                                                <select>
                                                    <option value="1">Aktif</option>
                                                    <option value="0">Pasif</option>
                                                </select>
                                            </td>
                                            <td style="padding-left: 20px"> <div class="margin-form space">
                                                    <button type="submit" value="Kaydet" class="btn btn-info">Kaydet</button>
                                                    <span id="islem" style="display: none">Kaydediliyor. Lütfen bekleyiniz.</span>
                                                </div></td>
                                        </tr>
                                        </tbody></table>

                                </fieldset>
                            </form>
                        </div>
                            <div class="col-sm-12">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover" id="sample-table-1">
                                <thead>
                                <tr class="nodrag nodrop">
                                    <th><input type="checkbox" name="checkme" class="noborder"></th>
                                    <th>ID</th>
                                    <th><small>Hisse</small></th>
                                    <th><small>Hisse Fiyatı</small></th>
                                    <th><small>Beklenti Fiyatı</small></th>
                                    <th><small>Revize Direnç</small></th>
                                    <th>Açıklama</th>
                                    <th>Tarih</th>
                                    <th><small>Gerçekleşme</small></th>
                                    <th><small>Silindi</small></th>
                                    <th><small>Yayın</small></th>
                                    <th style="width: 52px">Eylem</th>
                                </tr>
                                </thead>
                                <tbody>
                                <form id="check-form">
                                @foreach($data as $d)
                                    <tr id="tr-{{$d->id_veri}}">
                                        <td><input type="checkbox"></td>
                                        <td>{{$d->id_veri}}</td>
                                        <td>{{$d->onerilen}}</td>
                                        <td>{{$d->ongoruFiyati}}</td>
                                        <td>{{$d->birinciDirenc}} (%{{number_format((($d->birinciDirenc * 100) / $d->ongoruFiyati) - 100, 2)}})</td>
                                        <td>{{$d->revizeDirenc > 0 ? $d->revizeDirenc : ''}} @if($d->revizeDirenc > 0) (%{{number_format((($d->revizeDirenc * 100) / $d->ongoruFiyati) - 100, 2) }}) <br>  <small>{{date('d-m-Y H:i', strtotime($d->revizeDirencTarihi))}}</small> @endif </td>
                                        <td>{{$d->aciklama}}</td>
                                        <td>{{$d->tarih}}</td>
                                        <td style="text-align: center"><i
                                                class="fa $d->gerceklesme {{$d->gerceklesme == 1 ? 'fa-check' : 'fa-close'}}"></i>
                                            <br> {{$d->gerceklesme > 0 ? $d->gerceklesmeTarihi : ''}}
                                        </td>
                                        <td style="text-align: center"><i
                                                class="fa {{$d->silindi == 0 ? 'fa-circle-o on' : 'fa-circle-o off'}}"></i></td>
                                        <td style="text-align: center"><i
                                                class="fa {{$d->aktif == 1 ? 'fa-check' : 'fa-close'}}"></i></td>
                                        <td style="width: 85px">
                                            <div class="btn-group btn-group-sm">
                                                <a href="{{route('panel.get.data',['id' => $d->id_veri, 'type' => 'uvyh'])}}" class="btn btn-sm btn-info"><i class="fa fa-edit"></i></a>
                                                    @if($d->silindi == 0)
                                                        <a href="{{route('panel.delete.data',['id' => $d->id_veri])}}" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i>  </a>
                                                    @else
                                                                <a href="{{route('panel.delete.data',['id' => $d->id_veri,'recover' => 1])}}" class="btn btn-sm btn-success"><i class="fa fa-recycle"></i>  </a>
                                                    @endif

                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                    {{csrf_field()}}
                                </form>
                                </tbody>
                            </table>
                        </div>
                            </div>
                        </div>
                        {{$data->links()}}
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection
@section('js')
    <script>
        function setOran(){
            let beklentiFiyati = $('#beklenti-fiyati').val();
            if($('#revize-direnc').val() && $('#revize-direnc').val() > 0){
                beklentiFiyati = $('#revize-direnc').val()
            }
            let rate = (((beklentiFiyati * 100) / $('#hisse-fiyati').val()) - 100).toFixed(2);
            $('#ratess').text('('+rate+'%)')
        }

    </script>
    <script>
        $(document).ready(function(){
            function kolonBasliklari() {
                var kolon = {
                    birinceDirenc: "1.<br>Direnç",
                    revizeDirenc: "Revize<br>Direnç",
                    sonrakiDirenc: "Sonraki<br>Direnç",
                    destek: "Destek"
                };
                if ($("input[name=oneriTipi]:checked").val() == 2) { // Sat
                    kolon = {
                        birinceDirenc: "1.<br>Destek",
                        revizeDirenc: "Revize<br>Destek",
                        sonrakiDirenc: "Sonraki<br>Destek",
                        destek: "Direnç"
                    };
                }
                for (key in kolon) {
                    $("tr.baslikTR").find("#" + key).html( kolon[key] );
                }
            }
            kolonBasliklari();
            $("input[name=oneriTipi]").change(function(){
                kolonBasliklari();
            });
        });
        setOran();
    </script>

    <script>
        var checkedAll = false;
        $('#checkAll').on('click', () => {
            if(!checkedAll){
                $('.check-square').attr('checked','checked')
                $('.check-square').prop('checked', true);
                checkedAll = true
            }else{
                $('.check-square').removeAttr('checked')
                $('.check-square').prop('checked', false);
                checkedAll = false
            }
        })
        $('#secilenleri-sil').on('click',() => {
            $.post('{{route('panel.delete.data.ajax')}}',$('#check-form').serialize(),(response) => {
                response.data.forEach((value) => {
                    $('#tr-'+value).remove()
                })
            })

        })
    </script>
@endsection

@section('css')
    <style>
        .fa-check {
            color: green;
        }

        .fa-close {
            color: red;
        }
    </style>
    <style>
        .tblVeriGiris { width: 1100px; }
        .tblVeriGiris td { width: 50px; vertical-align: top; }
        .tblVeriGiris tr.baslikTR td { vertical-align: bottom; font-size: 11px; font-weight: bold; padding-bottom: 3px; }
        .tblVeriGiris input, .tblVeriGiris textarea { width: 100%; box-sizing: bord"er-box; font-size: 13px; }
        .tblVeriGiris label.t { margin:0; width:auto; }
        .tblVeriGiris label.t input { width:auto; }
    </style>
@endsection