<!doctype html>
<html lang="en" class="semi-dark">
<head>
   <!-- Required meta tags -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!--plugins-->
   <link href="{{ asset('admin/plugins/simplebar/css/simplebar.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/perfect-scrollbar/css/perfect-scrollbar.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/metismenu/css/metisMenu.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
   <!-- Bootstrap CSS -->
   <link href="{{ asset('admin/css/bootstrap.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/bootstrap-extended.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/icons.css')}}" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" rel="stylesheet">
   <!-- Stylesheet CSS -->
   <link href="{{ asset('admin/css/style.css')}}" rel="stylesheet" />
   <!-- switcher -->
   <link href="{{ asset('admin/css/switcher.css')}}" rel="stylesheet" type="text/css">
   <!-- loader-->
   <link href="{{ asset('admin/css/pace.min.css')}}" rel="stylesheet" />
   <!--Theme Styles-->
<!-- <link href="{{ asset('admin/css/theme/dark-theme.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/theme/light-theme.css')}}" rel="stylesheet" /> -->
   <link href="{{ asset('admin/css/theme/semi-dark.css')}}" rel="stylesheet" />
   <!-- Favicon.io -->
   <link rel="icon" href="{{ asset('admin/images/favicon.ico')}}" type="image/png" />
   <!-- data tables -->
   <link href="{{ asset('admin/plugins/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <meta name="csrf-token" content="{{ csrf_token() }}">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css" integrity="sha512-cyIcYOviYhF0bHIhzXWJQ/7xnaBuIIOecYoPZBgJHQKFPo+TOBA+BY1EnTpmM8yKDU4ZdI3UGccNGCEUdfbBqw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.3.4/parsley.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js"></script>

   <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.all.min.js"></script>
   <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
   <!-- Meta Taggs -->
   <title>@yield('title')</title>
   <meta name="author" content="#website_title_here">
   <meta name="description" content="#website_meta_description_here">
   <meta name="keywords" content="#website_meta_keywords_here">
   <style>.thbutton{
      width:5% !important;
   }
   .form-switch .form-check-input { margin-left:0px !important}
   .page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
      display: none !important;
   }
   .btn-info
   {
      color:#fff !important;
   }
</style>
</head>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<style type="text/css" media="screen">
    #font {
        font-family: "Times New Roman", Times, serif;
    }

    table,
    td,
    th {
        border: 1px solid #000;
        padding: 2px;
    }
    table {
  width: 100%;
  border-collapse: collapse;
/*  color: #ff0018;*/
}

</style>
<style type="text/css" media="print">
    #savebutton {
        display: none;
    }

    @page {
        margin: 2mm 2mm;
        /* this affects the margin in the printer */
        size: A4;

        margin-left:5%;
        margin-right:5%;
        padding: 10px !important;
        

    }

   
</style>
<style>
    @media print {
        #savebutton {
            display: none;
        }

        #divName,
        #divName * {
            visibility: visible;
            width: 100% !important;
            padding: 1px !important;
            margin: 1px !important;
            
        }
        .sidebar-wrapper{
            visibility: hidden;
            width: 0% !important;
        }

        #divName1,
        #divName1* {
            visibility: visible;
            width: 100%;
           
        }

        body * {
            visibility: hidden;
        }
        header{
            display: none;
        }
        .sidebar-wrapper{
            display: none;
        }
        .content-wrapper {
            padding: 0px;
            margin: 0px;
        }

    }
    @media print {
        @page {
          margin: 0;
        }
      }
</style>
<section class="content mt-2" id="divName" style="width: 100%;">
<div class="container-fluid">
<div class="content-wrapper">
<div class="row" >

    <div class="col-xl-12">
        <div class="shadow-none radius-5 min-height">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body g-3">
                          
                                <table class="table table-bordered" width="100">
                                    <tr>
                                        <td colspan="2">
                                            <h5>Member Details</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Member Name</td>
                                        <td>@if(isset($bookIssue->getStudentDetails->firstname)) {{$bookIssue->getStudentDetails->firstname}} {{$bookIssue->getStudentDetails->lastname}}@endif</td>
                                    </tr>
                                    <tr>
                                        <td>Member Mobile</td>
                                        <td>@if(isset($bookIssue->getStudentDetails->mobileno)) {{$bookIssue->getStudentDetails->mobileno}}@endif</td>
                                    </tr>
                                </table>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body g-3">
                            <h5>Book Details</h5>
                            
                                <table class="table table-bordered align-middle" width="100">
                                    <tr>
                                        <th>ISBN NO</th>
                                        <th>Title</th>
                                        <th>Author</th>
                                        <th>Publisher</th>
                                        <th>Laguages</th>
                                        <th>About Book</th>
                                    </tr>
                                    @if(count($bookIssue->issueDetails)>0)
                                    @foreach($bookIssue->issueDetails as $key=> $list)

                                    <tr>
                                        <td>@if(isset($list->book->isbn_no)){{$list->book->isbn_no}}@endif</td>
                                        <td>@if(isset($list->book->book_title)){{$list->book->book_title}}@endif</td>
                                        <td>@if(isset($list->book->author->first_name)){{$list->book->author->first_name}}@endif</td>
                                        <td>@if(isset($list->book->publisher->name)){{$list->book->publisher->name}}@endif</td>
                                        <td>@if(isset($list->book->languages->lang_name)){{$list->book->languages->lang_name}}@endif</td>
                                        <td>@if(isset($list->book->about_book)){{$list->book->about_book}}@endif</td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </table>
                           
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>
</div>
</div>
</section>
<!--end row-->
<script>
    printa();
    function printa() {
        window.print();
        setInterval(function() { location.href="{{url('library/book-issue')}}";}, 1000);
       
    }
</script>
</body>
</html>
