@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">
                            <div class="col-sm-12">
                                <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" class="form-control" value="{{@$filter['id_destek']}}" name="filter[id_destek]" placeholder="ID">
                                            </div>
                                            <div class="col-sm-1">
                                                <label for="onerilen">Kod</label>
                                                <input type="text" id="kod" class="form-control" value="{{@$filter['kod']}}" name="filter[kod]" placeholder="Kod">
                                            </div>
                                            <div class="col-sm-1">
                                                <label for="destek2">Destek 2</label>
                                                <input type="text" id="destek2" class="form-control" value="{{@$filter['destek2']}}" name="filter[destek2]" placeholder="destek2">
                                            </div>
                                            <div class="col-sm-1">
                                                <label for="direnc1">Direnç 1</label>
                                                <input type="text" id="direnc1" class="form-control" value="{{@$filter['direnc1']}}" name="filter[direnc1]" placeholder="direnc1">
                                            </div>
                                            <div class="col-sm-1">
                                                <label for="direnc2">Direnç 2</label>
                                                <input type="text" id="direnc2" class="form-control" value="{{@$filter['direnc2']}}" name="filter[direnc2]" placeholder="direnc2">
                                            </div>
                                            <div class="col-sm-1">
                                                <label for="aktif">Silindi</label>
                                                <select id="aktif" 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.support-resistance')}}" 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>
                            <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="panel.support-resistance">
                                    <fieldset style="padding: 15px">
                                            <legend>Destek - Direnç</legend>
                                            <style>
                                                .tblVeriGiris { width: 100%; }
                                                .tblVeriGiris td { 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>

                                            <table class="tblVeriGiris" border="0" cellspacing="0" cellpadding="0">
                                                <tbody><tr class="baslikTR">
                                                    <td width="8%">Kod</td>
                                                    <td width="19%">Destek 2</td>
                                                    <td width="19%">Destek 1</td>
                                                    <td width="19%">Direnç 1</td>
                                                    <td width="19%">Direnç 2</td>
                                                    <td width="15%">Tarih</td>
                                                    <td width="15%">Yayın</td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="kod" value="" maxlength="255">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="destek2" value="" maxlength="255">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="destek1" value="" maxlength="255">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="direnc1" value="" maxlength="255">
                                                    </td>
                                                    <td>
                                                        <input type="text" name="direnc2" value="" maxlength="255">
                                                    </td>
                                                    <td style="">
                                                        <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>
                                                        <select name="aktif">
                                                            <option value="1">Aktif</option>
                                                            <option value="0">Pasif</option>
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <button type="submit"  name="submitAdddestek" class="btn btn-info"> Kaydet </button>
                                                    </td>
                                                </tr>
                                                </tbody></table>
                                            <div class="small"><sup>*</sup> Gerekli alanlar</div>
                                        </fieldset><br>
                                </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>Kod</small></th>
                                    <th><small>Destek 2</small></th>
                                    <th><small>Destek 1</small></th>
                                    <th><small>Direnç 1</small></th>
                                    <th><small>Direnç 2</small></th>
                                    <th>Tarih</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">
                                    <input type="hidden" name="type" value="sr">
                                @foreach($data as $k => $d)
                                    <tr >
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif><input type="checkbox"></td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif>{{$d->id_destek}}  </td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif>{{$d->kod}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif class="desteksatir">{{$d->destek2}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif class="desteksatir">{{$d->destek1}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif>{{$d->direnc1}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif>{{$d->direnc2}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',strtotime($data[$k-1]->tarih))))  style="border-top: 1px solid black;" @endif>{{date('d-m-Y H:i:s', strtotime($d->tarih))}}</td>
                                        <td @if(!empty($data[$k-1]->tarih) && ((date('d-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',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-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',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-m-Y',strtotime($d->tarih)) < date('d-m-Y',strtotime($data[$k-1]->tarih))) || date('d-m-Y',strtotime($d->tarih)) > date('d-m-Y',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.srdata',['id' => $d->id_destek])}}" 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_destek,'type' => 'sr'])}}" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i>  </a>
                                                @else
                                                    <a href="{{route('panel.delete.data',['id' => $d->id_destek,'recover' => 1,'type' => 'sr'])}}" 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->appends(request()->query())->render()}}
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection
@section('js')
    <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>
        .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>
    <style>
        .fa-check {
            color: green;
        }

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