@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.buy-sell')}}" type="button" class="btn btn-info">Sıfırla</a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            </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="{{$tip}}" name="tip">
                                <input type="hidden" name="rdr" value="{{$tip == 6 ? 'panel.viop' : 'panel.buy-sell'}}">
                                <fieldset style="padding: 15px">
                                    <table class="tblVeriGiris" border="0" cellspacing="0" cellpadding="0">
                                        <tbody><tr class="baslikTR">
                                            <td>Öneri<br>Tipi</td>
                                            <td>Önerilen</td>
                                            <td>Öngörü<br>Fiyatı</td>
                                            <td id="birinceDirenc">1.<br>Direnç</td>
                                            <td id="revizeDirenc">Revize<br>Direnç</td>
                                            <td id="sonrakiDirenc">Sonraki<br>Direnç</td>
                                            <td>Beklenti<br>Yüzdesi</td>
                                            <td>Zarar<br>Kes</td>
                                            <td 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>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td style="width: 60px">
                                                <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" value="" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td>
                                                <input type="text" name="birinciDirenc" value="" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td>
                                                <input type="text" name="revizeDirenc" value="" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td>
                                                <input type="text" name="sonrakiDirenc1" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="sonrakiDirenc2" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="sonrakiDirenc3" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td>
                                                <input type="text" name="beklentiYuzdesi" value="" maxlength="20" data-type="decimalVeri" autocomplete="off" onblur="adminOzel.beklentiYuzdesiHesapla()">
                                            </td>
                                            <td>
                                                <input type="text" name="zararKes" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td>
                                                <input type="text" name="destek1" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek2" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek3" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                                <br>
                                                <input type="text" name="destek4" value="" maxlength="20" data-type="decimalVeri" autocomplete="off">
                                            </td>
                                            <td style="width:175px;">
                                                <textarea name="aciklama" maxlength="255" rows="6"></textarea>
                                            </td>
                                            <td style="width: 120px">
                                                <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')}}" 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 name="aktif">
                                                    <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>


                                    <div class="small"><sup>*</sup> Gerekli alanlar</div>
                                </fieldset><br>
                            </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">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover" id="sample-table-1">
                                <thead>
                                <tr class="nodrag nodrop">
                                    <th><input type="checkbox" id="checkAll" name="checkme" class="noborder"></th>
                                    <th>ID</th>
                                    <th><small>Öneri Tipi</small></th>
                                    <th><small>Öngörü</small></th>
                                    <th><small>Öngörü Fiyatı</small></th>
                                    <th><small>1. Direnç</small></th>
                                    <th><small>Revize Direnç</small></th>
                                    <th><small>Sonraki Direnç</small></th>
                                    <th><small>Bek. Yüz.</small></th>
                                    <th><small>Zarar Kes</small></th>
                                    <th><small>Destek</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 $k => $d)
                                    <tr id="tr-{{$d->id_veri}}" {!! $d->gerceklesme != 0 ? 'style="background-color: #e0e0e0"' : ''!!}>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif><input name="data[]" class="check-square" value="{{$d->id_veri}}" type="checkbox"></td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->id_veri}}</td>
                                        <td  @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif style="text-align: center"><i class="fa fa-square"
                                                                          style="color: {{$d->oneriTipi == 1 ? 'green' : 'red'}}"></i>
                                        </td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->onerilen}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->ongoruFiyati}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->birinciDirenc}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->revizeDirenc}} <br><span style="font-weight: bold;font-size: 10px">{{$d->revizeDirencTarihi ? $d->revizeDirencTarihi : ''}}</span></td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->sonrakiDirenc1}} - <br> {{$d->sonrakiDirenc2}} -
                                            <br> {{$d->sonrakiDirenc3}} <br><span style="font-weight: bold;font-size: 10px">{{$d->sonrakiDirencTarihi ? $d->sonrakiDirencTarihi : ''}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->beklentiYuzdesi}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->zararKes}} <br><span style="font-weight: bold;font-size: 10px">{{$d->zararKesTarihi ? $d->zararKesTarihi : ''}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->destek1}} -<br>{{$d->destek2}} -<br>{{$d->destek3}}
                                            -<br>{{$d->destek4}} <br><span style="font-weight: bold;font-size: 10px">{{$d->destekTarihi ? $d->destekTarihi : ''}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->aciklama}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif >{{$d->tarih}}</td>
                                        <td  @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif style="text-align: center">@if($d->gerceklesme == 3) <span style="font-weight: bold;color: green"> = </span>@endif @if($d->gerceklesme != 0)<i
                                                class="fa $d->gerceklesme {{$d->gerceklesme == 1 ? 'fa-check' : ($d->gerceklesme != 2 ? 'fa fa-plus' : 'fa-close')}}"></i>@endif
                                            <br> {{$d->gerceklesme > 0 ? $d->gerceklesmeTarihi : ''}}
                                        </td>
                                        <td  @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif style="text-align: center"><i
                                                class="fa {{$d->silindi == 0 ? 'fa-circle-o on' : 'fa-circle-o off'}}"></i></td>
                                        <td  @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif style="text-align: center"><i
                                                class="fa {{$d->aktif == 1 ? 'fa-check' : 'fa-close'}}"></i></td>
                                        <td  @if(!empty($data[$k-1]->tarih) && (date('d',strtotime($d->tarih)) < date('d',strtotime($data[$k-1]->tarih)))) style="border-top: 1px solid black;" @endif style="width: 85px">
                                            <div class="btn-group btn-group-sm">
                                                <a href="{{route('panel.get.data',['id' => $d->id_veri])}}" 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>
                        <button type="button" id="secilenleri-sil" class="btn btn-sm btn-danger">Seçilenleri Sil</button>
                        </div>
                            </div>
                        </div>
                        {{$data->appends(request()->query())->render()}}
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection
@section('js')
    <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();
            });
        });
    </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-plus {
            color: green;
        }

        .fa-close {
            color: red;
        }
    </style>
    <style>

        .tblVeriGiris { width: 100%; }
        .tblVeriGiris td { width: auto; 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: border-box; font-size: 13px; }
        .tblVeriGiris label.t { margin:0; width:auto; }
        .tblVeriGiris label.t input { width:auto; }
    </style>
@endsection