@extends('layouts.admin')
@section('title', 'E-Library | Admin')
@section('content')
    @foreach($user_details as $details)
        <ul class="side-nav" id="pannel">
            <li><div class="user-view">
                    <div class="background">
                        <img src="{!! asset('images/background1.jpg') !!}">
                    </div>
                    <span><img class="circle" src="{{ $details->image }}"></span>
                    <span class="white-text name">{{ $details->name }}</span>
                    <span class="white-text email">{{ $details->email }}</span>
                </div>
            </li>
            <li><a href="#"><i class="material-icons">account_balance_wallet</i>Book Count :{{ $book_count }}</a></li>
            <li><a href="/"><i class="material-icons">home</i>Home</a></li>
            <li><a href="/admin/list"><i class="material-icons">collections</i>Book Shelf</a></li>
            <li><a href="/admin/add"><i class="material-icons">add</i>Add Books</a></li>
            <li><a href="/admin/update"><i class="material-icons">edit</i>Update Books</a></li>
            <li><div class="divider"></div></li>
            <li><a class="waves-effect" href="logout"><i class="material-icons">exit_to_app</i>Logout</a></li>
        </ul>
    @endforeach

    <div class="container">
        <div class="row">
            <div class="col s12">
                <ul class="tabs">
                    <li class="tab col s4"><a class="active waves-effect black-text" href="#issue">Issue Book</a></li>
                    <li class="tab col s4"><a class="waves-effect black-text" href="#return">Return Book</a></li>
                    <li class="tab col s4"><a class="waves-effect black-text" href="#fine">Fine Collection</a></li>
                </ul>
            </div>
            <div class="col l4 m5 s12">
                <br>
                <h5 class="center title">Issue</h5>
                <div class="controls">
                    <fieldset class="input-group center">
                        <button class="stop waves-effect waves-light btn red hide" onclick="show()">Stop</button>
                        <div class="row">
                            <button class="start waves-effect waves-light btn red" id="scanid" >Scan ID</button>
                        </div>
                        <div class="row">
                            <button class="start waves-effect waves-light btn red" id="scanbook" >Scan book</button>
                        </div>
                    </fieldset>
                    <fieldset class="reader-config-group hide">
                        <span>Place your id's barcode in front of the camera </span>
                        <label>
                            <select name="decoder_readers">
                                <option value="code_128" selected="selected">Code 128</option>
                            </select>
                        </label>
                        <label>
                            <select name="input-stream_constraints">
                                <option selected="selected" value="640x480">640px</option>
                            </select>
                        </label>
                        <label>
                            <select name="locator_patch-size">
                                <option selected="selected" value="medium">medium</option>
                            </select>
                        </label>
                        <label>
                            <input type="checkbox" checked="checked" name="locator_half-sample" />
                        </label>
                        <label>
                            <select name="numOfWorkers">
                                <option selected="selected" value="4">4</option>
                            </select>
                        </label>
                        <label>
                            <select name="input-stream_constraints" id="deviceSelection">
                            </select>
                        </label>
                        <label style="display: none">
                            <select name="settings_zoom"></select>
                        </label>
                        <label style="display: none">
                            <span>Torch</span>
                            <input type="checkbox" name="settings_torch" />
                        </label>
                    </fieldset>
                </div>
                <div id="interactive" class="viewport"></div>
            </div>

            <div id="issue" class="col s12 m7 l8">
                <div class="row">
                    <form class="col s12 m12 l12" action="/issue" method="post">
                        <br>
                        @if (Session::has('error'))
                            <div class="right-align">
                                <div class="chip red white-text">
                                    {!! Session::get('error') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif
                        @if (Session::has('sucess'))
                            <div class="right-align">
                                <div class="chip green white-text">
                                    {!! Session::get('sucess') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif

                        <div class="row">
                            @foreach($errors->get('prn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="prn" id="prn" type="text" class="validate" onkeyup="update(this.value)" placeholder="100A1001">
                                <label for="prn">PRN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('username') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="username" id="username" type="text" class="validate" placeholder="Jon ">
                                <label for="username"> Name </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('isbn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="isbn" id="isbn" type="text" class="validate" onkeyup="getthis(this.value)" placeholder="1259876158794">
                                <label for="isbn">ISBN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('name') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="title" id="title" type="text" class="validate" placeholder="Jon ">
                                <label for="title"> title </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('author') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input  name="author" id="author" type="text" class="validate" placeholder="jon.dae">
                                <label for="author">author </label>
                            </div>
                        </div>
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input class="waves-effect waves-light btn col s offset-s4 btn grad" type="submit"
                               value="Submit">
                        <br>
                    </form>

                </div>
            </div>
            <div id="return" class="col s12 m7 l8">
                <div class="row">
                    <form class="col s12 m12 l12" action="/return" method="post">
                        <br>
                        @if (Session::has('error'))
                            <div class="right-align">
                                <div class="chip red white-text">
                                    {!! Session::get('error') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif
                        @if (Session::has('sucess'))
                            <div class="right-align">
                                <div class="chip green white-text">
                                    {!! Session::get('sucess') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif

                        <div class="row">
                            @foreach($errors->get('prn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="prn" id="prnr" type="text" class="validate" onkeyup="updater(this.value)" placeholder="100A1001">
                                <label for="prn">PRN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('username') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="username" id="usernamer" type="text" class="validate" placeholder="Jon" disabled="" >
                                <label for="username"> Name </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('isbn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="isbn" id="isbnr" type="text" class="validate" onkeyup="getthis2(this.value)" placeholder="1259876158794">
                                <label for="isbn">ISBN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('name') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="title" id="title1" type="text" class="validate" placeholder="Jon " disabled>
                                <label for="title"> title </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('author') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input  name="author" id="author1" type="text" class="validate" placeholder="jon.dae" disabled>
                                <label for="author">author </label>
                            </div>
                        </div>
                        {{--<div class="row">--}}
                            {{--@foreach($errors->get('issue') as $error)--}}
                                {{--<div class="chip">--}}
                                    {{--<i class="close material-icons">close</i>--}}
                                    {{--{!! $error !!}--}}
                                {{--</div>--}}
                            {{--@endforeach--}}
                            {{--<div class="input-field col s12">--}}
                                {{--<input  name="issue" id="issue1" type="text" class="validate" placeholder=" " disabled>--}}
                                {{--<label for="issue">Date of Issue </label>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input class="waves-effect waves-light btn col s offset-s4 btn grad" type="submit"
                               value="Submit">
                        <br>
                    </form>

                </div>
            </div>
            <div id="fine" class="col s12 m7 l8">
                <div class="row">
                    <form class="col s12 m12 l12" action="/fine" method="post">
                        <br>
                        @if (Session::has('error'))
                            <div class="right-align">
                                <div class="chip red white-text">
                                    {!! Session::get('error') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif
                        @if (Session::has('sucess'))
                            <div class="right-align">
                                <div class="chip green white-text">
                                    {!! Session::get('sucess') !!}
                                    <i class="close material-icons">close</i>
                                </div>
                            </div>
                        @endif

                        <div class="row">
                            @foreach($errors->get('prn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                    <input name="prnf" id="prnf" type="text" class="validate" onkeyup="updatef(this.value)" placeholder="100A1001">
                                <label for="prn">PRN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('username') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="username" id="usernamef" type="text" class="validate" placeholder="Jon" disabled="" >
                                <label for="username"> Name </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('isbn') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="isbn" id="isbnf" type="text" class="validate" onkeyup="getthis3(this.value)" placeholder="1259876158794">
                                <label for="isbn">ISBN</label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('name') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input name="title" id="titlef" type="text" class="validate" placeholder="Jon " disabled>
                                <label for="title"> title </label>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($errors->get('author') as $error)
                                <div class="chip">
                                    <i class="close material-icons">close</i>
                                    {!! $error !!}
                                </div>
                            @endforeach
                            <div class="input-field col s12">
                                <input  name="author" id="authorf" type="text" class="validate" placeholder="jon.dae" disabled>
                                <label for="author">author </label>
                            </div>
                        </div>
                        {{--<div class="row">--}}
                        {{--@foreach($errors->get('issue') as $error)--}}
                        {{--<div class="chip">--}}
                        {{--<i class="close material-icons">close</i>--}}
                        {{--{!! $error !!}--}}
                        {{--</div>--}}
                        {{--@endforeach--}}
                        {{--<div class="input-field col s12">--}}
                        {{--<input  name="issue" id="issue1" type="text" class="validate" placeholder=" " disabled>--}}
                        {{--<label for="issue">Date of Issue </label>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input class="waves-effect waves-light btn col s offset-s4 btn grad" type="submit"
                               value="Submit">
                        <br>
                    </form>

                </div>
            </div>

        </div>
    </div>
    <div id="modal1" class="modal">
        <div class="modal-content">
            <h4 class="center">Fine to be collected is </h4>
            <div class="row">
                <div class="col s12">
                    <p class="rupees center"> &#8377; <span id="fineamount"> 50 </span></p><br>
                    <div class="divider"></div>
                    <p class="center">
                        Fine per day : &#8377; 50. <br>
                        Days past Deadline : <span id="initdate">1</span>
                    </p>
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
        </div>
    </div>
    <script>
        function getthis(data) {
            $.ajax({
                type: 'GET',
                dataType: 'jsonp',
                url: 'https://www.googleapis.com/books/v1/volumes',
                data: 'q=isbn:' + data,
                success: function(msg){
                    $("#title").val(msg.items['0'].volumeInfo.title);
                    $("#author").val(msg.items['0'].volumeInfo.authors);
                    run();
                }
            });
        }
        function getthis2(data1) {
            $.ajax({
                type: 'GET',
                dataType: 'jsonp',
                url: 'https://www.googleapis.com/books/v1/volumes',
                data: 'q=isbn:' + data1,
                success: function(msg){
                    $("#title1").val(msg.items['0'].volumeInfo.title);
                    $("#author1").val(msg.items['0'].volumeInfo.authors);
                }
            });
        }
        function getthis3(isbn) {
            $.ajax({
                type: 'GET',
                dataType: 'jsonp',
                url: 'https://www.googleapis.com/books/v1/volumes',
                data: 'q=isbn:' + isbn,
                success: function(msg){
                    $("#titlef").val(msg.items['0'].volumeInfo.title);
                    $("#authorf").val(msg.items['0'].volumeInfo.authors);
                }
            });
            var prn =  document.getElementById('prnf').value;
            finecal(prn,isbn);

        }
        function finecal(datap,datai) {
            $.ajax({
                type: 'GET',
                url: '/user/book/get',
                data: {prn:datap,isbn:datai},
                success: function (msg) {
                    var data1 = $.parseJSON(msg);
//                    $("#warning1").val(data1['0'].return_date);
                    var ans = data1[0].return_date;
                    var returnd = getISODateTime(ans);
                    var currentd = getISODateTime();
                    var timeDiff = Math.abs(currentd-returnd);
                    var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)) - 1;
                    var amount = (diffDays) * 50;
                    $('#modal1').modal('open');
                    document.getElementById("fineamount").innerHTML = amount;
                    document.getElementById("initdate").innerHTML = diffDays;

                }
            });
        }
        function getISODateTime(d){
            // padding function
            var s = function(p){
                return (''+p).length<2?'0'+p:''+p;
            };

            // default parameter
            if (typeof d === 'undefined'){
                var d1 = new Date();
            }
            else{
                var d1 = new Date(d);
            }

            // return ISO datetime
//            return d1.getFullYear() +
//                s(d1.getMonth()+1) +
//                s(d1.getDate()) +
//                s(d1.getHours()) +
//                s(d1.getMinutes()) +
//                s(d1.getSeconds());
            return d1.getTime();
        }
//        function getthis3(prn,isbn) {
//            $.ajax({
//                type: 'GET',
//                url: '/user/book/get',
//                data: 'prn='+prn+'&isbn='+isbn,
//                success: function (msg) {
//                    var data1 = $.parseJSON(msg);
//                    $("#issue1").val(data1['0'].created_at);
//                    console.log(data1);
//                }
//            });
//        }
    </script>

@stop