@extends('layouts.app')
@section('content')
{{-- App::VERSION() --}}
<style>
.search_options.search_options_show {
    z-index: 9;
}
</style>
<!-- Updated on 10 July 2018  -->
       <div class="page_wrapper">
        <div class="main_section">

            <div class="breadcrum">
                <button class="report_contri active">Contributors Report</button>
                <button class="report_book">Books Report</button>
                
                                <div class="quarter_selector">
                   

                    <!--dates-->
                    <form action="{{action('ReportController@report_multiple_action')}}" method="POST" class="order_form" style="float:right">
                    {{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>

                    
                    <!-- quarters -->
                    <form action="{{action('ReportController@report_multiple_action')}}" method="POST" class="order_form" style="float:right">
                        {{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"> 
                            <select name="selected_qtr" id="selected_quarter" class="selectpicker">
                                <option value="1" data-icon="">1st Quarter</option><option value="2" data-icon="">2nd Quarter</option><option value="3" data-icon="">3rd Quarter</option><option value="4" data-icon="">4th Quarter</option>                            </select>
                        </div>
                    </form>
                    <!-- year -->
                    <form action="{{action('ReportController@report_multiple_action')}}" method="POST" class="order_form" style="float:right">
                    {{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">
                            
                            <option value="2026" selected>2026</option>                   
                        </select>
                    </div>
                    </form>

                </div>

            </div>

            @if(session()->has('myerror'))
            <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="alert alert alert-danger alert-dismissable fade in myerror1">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>{{session()->get('myerror')}}</div>
            </div>
            @endif

            <div class="navs_tabs">
                <ul class="nav nav-pills" id="myTab">
                <li class="active contri_hideshow" id="contri_hideshow"><a data-toggle="pill" href="#report_by_title">Report Detail by Title</a></li>
                <li class="book_hideshow" style="display:none;"><a data-toggle="pill" href="#book_report">Book Report</a></li>
                
                <div class="sale_button">
                    <div class="dropdown add_button_2 book_hideshow"  style="display:none;">
                    <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 id="all_books_fullsale">
                                <a><i class="fa fa-download" aria-hidden="true"></i> Full Sales</a>
                            </li>
                            <li id="all_books_report">
                                <a><i class="fa fa-download" aria-hidden="true"></i> Digital Sales</a>
                            </li>
                        
                            <li id="all_physical_books">
                                <a><i class="fa fa-download" aria-hidden="true"></i> Physical Sales</a>
                            </li>

                            <li id="book_expense_advance">
                                <a><i class="fa fa-download" aria-hidden="true"></i> Expense/Advance Sheet</a>
                            </li>
                            
                            <li id="book_expense_advance">
                                <a href="{{action('BooksalesController@all_adv_report')}}"><i class="fa fa-download" aria-hidden="true"></i> Advance report</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="sale_button">
                    <div class="dropdown add_button_2 book_hideshow2"  style="display:none;">
                    <button type="button" data-toggle="dropdown" aria-expanded="true" class="buttn"><i class="fa fa-download" aria-hidden="true"></i></button>
                    <a href="{{action('BooksalesController@download_royaltyreport',['containers'=>1] )}}"  target="_blank">Royalties</a>
                    </div>
                </div>
                </ul>
               
            </div>
            

          <div class="tab-content">

            <!-- First tab starts-->

            
            <div id="report_by_title" class="tab-pane fade in active">
                <div class="inner_section"> 
                    <div class="heading_area">
                        <div class="heading_left">
                            <h1>Contributors List</h1>
                        </div>
                        <div class="heading_right">

                            <!--sorter-->
                            <!-- sending values to CommonController and putting it in session -->
                            <div id="order_form"> 
                                <div class="input_container select_box custom_filters" data-toggle="tooltip" data-placement="top" data-title='Sort List' data-html="true" aria-hidden="true">  
                                    <select name="detailbytitle_order"  class="selectpicker" id="detailbytitle_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='Contributors per page' data-html="true" aria-hidden="true">  
                                    <select name="detailbytitle_items" class="selectpicker" id="detailbytitle_items">
                                    <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>

                            <!--search-->
                            <div class="search_section search_for_title">
                                <!--reset button-->
                                <div class="resetbutton_c1 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="javascript:window.location.reload(true)"><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="simplesearch" id="simplesearch_title"  value="