@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="container-fluid">
                            <form action="{{route('panel.post.data')}}" method="post">
                                {{csrf_field()}}
                                <input type="hidden" value="{{$data->id_destek}}" name="id_destek">
                                <input type="hidden" value="7" name="tip">
                                <input type="hidden" name="rdr" value="panel.support-resistance">
                                <fieldset>
                                    <fieldset>
                                        <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>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <input type="text" name="kod" value="{{$data->kod}}" maxlength="255">
                                                </td>
                                                <td>
                                                    <input type="text" name="destek2" value="{{$data->destek2}}" maxlength="255">
                                                </td>
                                                <td>
                                                    <input type="text" name="destek1" value="{{$data->destek1}}" maxlength="255">
                                                </td>
                                                <td>
                                                    <input type="text" name="direnc1" value="{{$data->direnc1}}" maxlength="255">
                                                </td>
                                                <td>
                                                    <input type="text" name="direnc2" value="{{$data->direnc2}}" maxlength="255">
                                                </td>
                                                <td style="">
                                                    <input type="date" id="tarih" name="tarih" value="{{date('Y-m-d',strtotime($data->tarih))}}" class="hasDatepicker">
                                                    <input type="time" id="saat" name="saat" value="{{date('H:i',strtotime($data->tarih))}}" class="hasDatepicker">
                                                </td>
                                            </tr>
                                            </tbody></table>
                                        <br>  <div class="clear space"></div>
                                        <label>Yayın</label>
                                        <div class="margin-form">
                                            <input type="radio" name="aktif" id="aktif_on" value="1" checked="checked">
                                            <label class="t" for="aktif_on"> <i class="fa fa-check"></i></label>
                                            <input type="radio" name="aktif" id="aktif_off" value="0">
                                            <label class="t" for="aktif_off"> <i class="fa fa-close"></i></label>
                                        </div>
                                        <div class="margin-form space">
                                            <button type="submit"  name="submitAdddestek" class="btn btn-info"> Kaydet </button>
                                        </div>
                                        <div class="small"><sup>*</sup> Gerekli alanlar</div>
                                    </fieldset><br>
                            </form>

                        </div>
                    </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 type="text/javascript">
        var dateObj = new Date();
        var hours = dateObj.getHours();
        var mins = dateObj.getMinutes();
        var secs = dateObj.getSeconds();
        if (hours < 10) { hours = "0" + hours; }
        if (mins < 10) { mins = "0" + mins; }
        if (secs < 10) { secs = "0" + secs; }
        var time = " "+hours+":"+mins+":"+secs;
        $(function() {
            $("#tarih").datepicker({
                prevText: "",
                nextText: "",
                dateFormat: "dd.mm.yy"+time
            });
        });</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: border-box; font-size: 13px; }
        .tblVeriGiris label.t { margin:0; width:auto; }
        .tblVeriGiris label.t input { width:auto; }
    </style>
@endsection