@extends('layouts.app')

@section('content')
<div class="page_wrapper">
    <div class="main_section">
        <div class="breadcrum">
            <ul>
                <li><a href="{{ url('/payment_history') }}">Payment Dashboard</a></li>
            </ul>
        </div>

        <!-- showing messages -->
        <div class="col-md-12 col-sm-12 col-xs-12">
            @if(session()->has('message'))
            <div class="alert alert-success">
                {{ session()->get('message') }}
            </div>
            @endif

            @if(session()->has('error'))
            <div class="alert alert-danger">
                {{ session()->get('error') }}
            </div>
            @endif
        </div>
        <!-- showing errors ends -->


        <div class="inner_section">
            <div class="heading_area">
                <div class="heading_left">
                    <h1>Payment List</h1>
                </div>
                <div class="heading_right">

                    <!--sorter-->
                    <form action="{{action('CommonController@index')}}" method="POST" id="order_form">
                    {{csrf_field()}} 
                    <div class="input_container select_box custom_filters"  data-toggle="tooltip" data-placement="top" data-title='Select advance year' data-html="true" aria-hidden="true">  
                        <select name="page_advance_year"  class="selectpicker" id="page_advance_year">
                           
                        <option value=2026 selected="selected" >2026</option><option value=2025>2025</option><option value=2024>2024</option><option value=2023>2023</option><option value=2022>2022</option><option value=2021>2021</option><option value=2020>2020</option><option value=2019>2019</option><option value=2018>2018</option><option value=2017>2017</option>                        </select>
                    </div>
                    </form>

                    <!--sorter-->
                        <div id="order_form">
                            <div class="input_container select_box custom_filters" data-toggle="tooltip" data-placement="top" data-title='Sort Books' data-html="true" aria-hidden="true">  
                                <select name="book_list_page_order"  class="selectpicker" id="page_order">
                                 <option value="1" disabled>Order By</option>
                                <option value="asc">A-Z</option>
                                <option value="desc">Z-A</option>
                                </select>
                            </div>
                        </div>


                        <div id="order_form">
                            <div class="input_container select_box custom_filters" data-toggle="tooltip" data-placement="top" data-title='Books per page' data-html="true" aria-hidden="true">  
                                <select name="book_list_page_items"  class="selectpicker" id="page_item">
                                <option value="1" disabled>List Per Page</option>
                                <option value="25">25</option>
                                <option value="35">35</option>
                                <option value="45">45</option>
                                <option value="55">55</option>
                                </select>
                            </div>
                        </div>

                        <!--sorter ends-->

                    <!--search-->
                    <div class="search_section custom_search">
                        <!-- reset button -->
                        <div class="resetbutton resetbtn_class"><span  data-toggle="tooltip" data-placement="top" data-title='Reset Search' data-html="true" aria-hidden="true"><i class="fa fa-refresh" aria-hidden="true"></i></span></div>

                        <div class="resetbutton_empty resetbtn_class" style="display:none"><a href=""><span  data-toggle="tooltip" data-placement="top" data-title='Reset Search' data-html="true"  aria-hidden="true"><i class="fa fa-refresh" aria-hidden="true"></i></span></a></div>

                        <input placeholder="Press Enter to Search.." type="search" name="search" id="search" value=""/>
                        <input type="submit" name="searchpaymenthistory"/>
                        <span class="search_btn"></span>
                        <div class="input_container search_container">
                            <span class="search_span">Please add an entry</span>
                        </div>
                    </div>
                    <!--end search-->
                </div>
            </div>
            


        <!-- for search no entry -->
        @if(session()->has('myerror'))
            <div class="empty_state" >
            <img src="images/upload.png">
            <h4>No Data Found</h4>
            <h5>{{session()->get('myerror')}}</h5>
            </div>
            <style>
            .pagination_custom,.table_custom{display:none;}3
            .resetbutton_empty{display:inline-block !important;}
            .resetbutton{display:none!important;}
            </style>
        @endif 
        <!-- for search  no entry -->
        @if(session()->has('myerrorr'))
            <div class="empty_state" >
            <img src="images/upload.png">
            <h4>No Data Found</h4>
            <h5>{{session()->get('myerrorr')}}</h5>
            </div>
            <style>
            .pagination_custom,.table_custom{display:none;}
            .resetbutton_empty{display:inline-block !important;}
            .resetbutton{display:none!important;}
            </style>
        @endif
        <!-- If no contributors assigned-->
        @if ($book_list->isEmpty())
            <div class="empty_state" >
                <img src="images/upload.png">
                <h4>No Books Found</h4>
                <h5>You haven't added any book yet</h5>
            </div>
            <style>
            .pagination_custom,.table_custom{display:none;}
            .resetbutton_empty{display:inline-block !important;}
            .resetbutton{display:none!important;}
            </style>
        @endif

        <!-- table-->
        <div class="table_custom">            
            <table >
                <thead>
                    <tr>
                        <th>Book Name</th>
                        <th>Total Amount - </th>
                        <th>Contributors assigned</th>
                        <th>Add Payments</th>
                        <th>Show Ledger</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach($book_list as $booksing)
                    <tr>

                                            <!--book name-->
                    @if(!empty($booksing["contained_book_id"]))
                                                    <td class="green_link">
                            <i class="fa fa-briefcase green_link" data-toggle="tooltip"  data-html="true" data-placement="top" data-title="@foreach($container_array[$booksing['id']] as $item){{$item}}<br>@endforeach" style="cursor: pointer;"></i> 
                            <a class="green_link" href="