@php
$Sayfax = @intval($_GET['sayfa']);
if(!$Sayfax){$Sayfax = 1;}
$tarihArg = isset($_GET['tarih']) ? $_GET['tarih'] : false;
@endphp
<!doctype html>
<html lang="tr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ config('ayarlar.baslik') }} E-Gazete</title>
    <meta name="description" content="Teknolojiyi gazete okuma alışkanlıklarınızla birleştiren {{ config('ayarlar.baslik') }} E-Gazete her an, her yerden gazete okuma keyfini sizinle paylaşıyor." />
    <link rel="stylesheet" href="{{asset('assets/frontend/tema9/css/egazete.css')}}">

    <link rel="icon" type="image/png" href="{{ config('ayarlar.siteadresi') }}images/genel/{{ config('ayarlar.favicon') }}">

    <script src="{{asset('assets/frontend/tema9/js/jquery-1.3.2.min.js')}}"></script>
    <script src="{{asset('assets/frontend/tema9/js/jquery-ui-1.7.3.custom.min.js?v=1')}}"></script>
    <link rel="stylesheet" href="{{asset('assets/frontend/tema9/js/jquery.jcarousel.css')}}">
    <script src="{{asset('assets/frontend/tema9/js/jcarousellite_1.0.1.js')}}"></script>
    <script src="{{asset('assets/frontend/tema9/js/jquery.cookie.js')}}"></script>

    <script>
        $(document).ready(function () {
            $("#content1-slider").slider({
                animate: true,
                slide: handleSliderSlide1
            });
            $("#content2-slider").slider({
                animate: true,
                slide: handleSliderSlide2
            });
        });

        function handleSliderSlide1(e, ui) {
            ResizeNewsPaperImage(ui.value);
            $("#content2-slider").slider("option", "value", ui.value);
        }
        function handleSliderSlide2(e, ui) {
            ResizeNewsPaperImage(ui.value);
            $("#content1-slider").slider("option", "value", ui.value);
        }

        function ResizeNewsPaperImage(uiValue) {
            $("#newspaperImg").width((60 + (uiValue * 40 / 100)) + "%");
            $("#newspaperImg").height((60 + (uiValue * 40 / 100)) + "%");
        }

        $(function () {
            $("#gBox").draggable();
        });

        function PopUpWindow(URL, W, H) {
            window.open(URL, 'newpage', 'toolbar=0,scrollbars=1,location=0,menubar=0,status=0,resizable=1,width=' + W + ',height=' + H);
        }

        function GetOtherId(id) {
            if (id == 1)
                return 2;
            else
                return 1;
        }

        function Kucult(id) {
            var idOther = GetOtherId(id);
            var currentVal = $("#content" + id + "-slider").slider("option", "value");
            var nextVal;
            var iteration = 5;

            if (currentVal > 5) {
                nextVal = currentVal - 5;
            }
            else {
                nextVal = 0;
                iteration = currentVal;
            }

            $("#content" + id + "-slider").slider("option", "value", nextVal);
            $("#content" + idOther + "-slider").slider("option", "value", nextVal);

            $("#newspaperImg").width((60 + (nextVal * 40 / 100)) + "%");
            $("#newspaperImg").height((60 + (nextVal * 40 / 100)) + "%");
        }

        function Buyut(id) {
            var idOther = GetOtherId(id);
            var currentVal = $("#content" + id + "-slider").slider("option", "value");
            var nextVal;

            if (currentVal > 95) {
                nextVal = 100;
                iteration = 100 - currentVal;
            }
            else {
                nextVal = currentVal + 5;
            }

            $("#content" + id + "-slider").slider("option", "value", nextVal);
            $("#content" + idOther + "-slider").slider("option", "value", nextVal);
            ResizeNewsPaperImage(nextVal);
        }
    </script>

    <script type="text/javascript">let date = new Date(), month = date.getMonth(); let startDate = new Date(2016,(month-1),1); let today = new Date(); let site = 'arsiv'; let pageNo = 1; </script>
    <script src="{{asset('assets/frontend/tema9/js/datepicker.js?v=11')}}"></script>
</head>
<body>
<div class="header">
    <div class="hTop">
        <ul class="logDate">
            <li>
                <span class="date">{{ \Carbon\Carbon::parse(date('Y-m-d H:i'))->formatLocalized('%d %B, %Y, %A')  }}</span>
            </li>
            <li>

            </li>
        </ul>
        <ul class="search">
            <form action="{{ url('ara') }}" target="_blank" method="GET" role="search">
                <li class="input">
                    <input placeholder="Haber Ara" autocomplete="off" type="search" name="q" id="search" minlength="3" required>
                </li>
                <li><a target="_blank" onclick="document.forms[0].submit();return false;">ARA</a> </li>
            </form>
        </ul>
    </div>

    <dl>
        <dt><a target="_blank" href="{{ url('/') }}"><img src="{{ url('images/genel/'.config('ayarlar.logo')) }}" height="70" alt="egazete" /></a></dt>
        <div class="arsiv">
            <strong>Arşive Gözat</strong>
            <div class="arc"></div>
        </div>
    </dl>
</div>
<div class="container">

    <script type="text/javascript">
        $(document).ready(function() {
            $(".jCarouselLite").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                visible: 12,
                circular: false,
                scrollAnimation: "slow",
                mouseWheel: true
            });

        });
    </script>
    <div class="eCover">
        <span class="geri"><a class="prev" href="javascript:;">geri</a></span>
        <span class="ileri"><a class="next" href="javascript:;">ileri</a></span>
        <div class="eBox">
            <div class="carousel">
                <div class="jCarouselLite">
                    <ul>
                        @foreach ($gsayfalar as $sayfa)
                            @php $arg = isset($_GET['tarih']) ? '&tarih='.$_GET['tarih'] : ''; @endphp
                        <li>
                            <a href="/egazete/?sayfa={{ $sayfa->sira.$arg }}">
                                <img src="{{asset('images/egazeteresim/'.$sayfa->resim)}}" alt="egazete" width="123" height="217" />
                                <em>{{ $sayfa->sira }}</em>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="slider">
        <a class="smaller" href="javascript:;" onclick="javascript:;Kucult(1)"></a>
        <a class="bigger" href="javascript:;" onclick="javascript:;Buyut(1)"></a>
        <div id="content1-slider"></div>
    </div>

    <div class="gasteCover">
        <div class="gBox" id="gBox">
            <img src="{{asset('images/egazeteresim/'.$gsayfalar[$Sayfax - 1]->resim)}}" id="newspaperImg" alt="" width="950" />
        </div>
    </div>

    <div class="slider">
        <a class="smaller" href="javascript:;" onclick="javascript:;Kucult(2)"></a>
        <a class="bigger" href="javascript:;" onclick="javascript:;Buyut(2)"></a>
        <div id="content2-slider"></div>
    </div>


    <ul class="paging">
        @foreach ($gsayfalar as $sayfa2)
            @php $arg = isset($_GET['tarih']) ? '&tarih='.$_GET['tarih'] : ''; @endphp
        <li>
            <a href="/egazete/?sayfa={{ $sayfa2->sira.$arg }}">{{ $sayfa2->sira }}</a>
        </li>
        @endforeach
    </ul>


</div>
<div class="footer">
    Copyright © {{ date('Y') }} Tüm hakları saklıdır. {{ config('ayarlar.baslik') }}.
</div>
</body>
</html>
