@extends('contri_layout.app')

@section('content')
        <div class="page_wrapper">
        <div class="main_section">
            <div class="breadcrum">
                <ul><li><a href="{{ url('/dashboard') }}">Reports</a></li></ul>
                                <div class="quarter_selector">
                

                    @if(!$books->isEmpty() && (strpos($years_array, 'disabled') === false) )
                    <div class="dropdown add_button_2">
                        <button type="button" data-toggle="dropdown" aria-expanded="true" class="buttn"><i class="fa fa-download" aria-hidden="true"></i>Download<span class="caret"></span></button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="{{action('BooksalesController@download_bookreport',['added_by'=>$added_by ,'contri_id'=>$c_id] )}}" target="_blank" class="view_report"><i class="fa fa-download" aria-hidden="true"></i>Report by books
                                </a>
                            </li>
                            <li>
                                <a href="{{action('BooksalesController@container_contributor',['added_by'=>$added_by,'contri_id'=>$c_id] )}}" target="_blank" class="view_report"><i class="fa fa-download" aria-hidden="true"></i>Summary Report</a>
                            </li>
                            <li>
                                <a href="{{action('BooksalesController@all_container_items',['added_by'=>$added_by,'contri_id'=>$c_id] )}}" target="_blank" class="view_report"><i class="fa fa-download" aria-hidden="true"></i>All books</a>
                            </li>
                        </ul>
                    </div>
                    @endif

                </div>

            </div>
            <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 class="alert merge_answer" style="display:none">
                    {{ session()->get('error') }}
                </div>
                
               
            </div>
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left">
                        <h1>Book List</h1>
                    </div>
                    <div class="heading_right">

                        <!---- Quarter Selection starts here---->

                        <!-- year -->
                        <form action="{{action('ReportController@report_multiple_action')}}" method="POST" id="order_form">
                        {{csrf_field()}} 
                        <input type="hidden" name="from_date" value="{{$week_from}}">
                        <input type="hidden" name="to_date" value="{{$week_to}}">
                        <input type="hidden" name="selected_qtr" id="selected_qtr" value="{{$selected_quarter}}" >

                        <div class="input_container select_box custom_filters"> 
                            <select name="selected_yr" id="selected_year" class="selectpicker"><!--prabhdeep-->
                                <option value="2026" selected>2026</option>                            </select>
                        </div>
                        </form>

                        <!-- quarters -->
                        <form action="{{action('ReportController@report_multiple_action')}}" method="POST" id="order_form">
                            {{csrf_field()}} 
                            <input type="hidden" name="from_date" value="{{$week_from}}">
                            <input type="hidden" name="to_date" value="{{$week_to}}">
                            <input type="hidden" name="selected_yr" id="selected_yr" value="{{$selected_year}}">
                            
                            <div class="input_container select_box custom_filters" id="select_qtr_div"> 
                                <select name="selected_qtr" id="selected_quarter" class="selectpicker">
                                </select>
                            </div>
                        </form>

                        <!--dates-->
                        <form action="{{action('ReportController@report_multiple_action')}}" method="POST" id="order_form" style="display: none;">
                        {{csrf_field()}} 
                        <div class="input_container"> 
                            <input type="hidden" name="selected_qtr" id="selected_qtr" value="{{$selected_quarter}}" >

                            <input type="hidden" name="selected_yr" id="selected_yr" value="{{$selected_year}}">
                            <div class="input-daterange">
                            <div class="btn-group bootstrap-select"><input id="date_from" class="btn dropdown-toggle btn-default" placeholder="From Date" name="from_date" value="{{$week_from}}" type="text"></div>

                            <div class="btn-group bootstrap-select"><input id="date_to" class="btn dropdown-toggle btn-default" placeholder="To Date" name="to_date" value="{{$week_to}}" type="text"></div>  
                            </div>
                          
                        </div>
                        </form>
                        

                        <!---- Quarter Selection ends here---->

                        <!--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="15">15</option> -->
                                <option value="10">10</option>
                                <option value="20">20</option>
                                <option value="30">30</option>
                                <option value="40">40</option>
                                </select>
                            </div>
                        </div>



                        <!--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="