@extends('layouts.app')

@section('content')
    <div class="page_wrapper">
        <div class="main_section">
            <div class="breadcrum">
                <ul>
                    <li><a href="{{ url('/home') }}">Dashboard</a></li>
                    <!-- <li class="active"><a href="javascript:;">Add Contributor</a></li> -->
                </ul>
                <a class="add_button" href="{{ url('/add_book') }}">
                    <img src="images/add.png"/>
                Add Book
                </a>
            </div>
           
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left">
                        <h1>Book List</h1>
                    </div>
                    <div class="heading_right">
                       <form action="{{ url('/searchbook') }}"  method="POST" role="search">
                         {{ csrf_field() }}
                            <div class="search_section">
                                <input placeholder="Search here.." type="search" name="search" value=""/>
                                <input type="submit"/>
                                <span class="search_btn"></span>
                                
                            </div>
                        </form>
                    </div>
                </div>
                
                <div class="table_custom">
                    <table>
                        <thead>
                        
                           <tr>
                            <th>Book Name</th>
                            <th>Author</th>
                            <th>Contributors</th>
                            <th>Contributors %</th>
                            <th>Option</th>
                        </tr>
                         
                        </thead>
                        <tbody>
                    @foreach($booklists as $booksing)
                    <tr>
                    <td>{{$booksing["book_details"]["book_title"]}} </td>
                    <td>{{$booksing["book_details"]['author_name']}} </td>
                                               @foreach( $booksing['cont_details'] as $con_singledet)
                                                            @if ($count==1)
                                    <td>{{$con_singledet['name']}} </td>

                                    <td>25%</td>
                                    <td>
                                    <div class="dropdown">
                                        <button class="buttn green_link" type="button" data-toggle="dropdown">Edit
                                        <span class="caret"></span></button>
                                        <ul class="dropdown-menu">
                                        <li><a href="javascript:void;" data-toggle="modal" data-target="#add_cont{{$booksing['book_details']['id']}} ">Add Contributor</a></li>
                                        <li>
                                        @if($con_singledet['name'])

                                        <a href="javascript:void;" data-toggle="modal" data-target="#manage_payout{{$booksing['book_details']['id']}} ">Manage Payout</a>
                                        
                                        @endif


                                        

                                        </li>
                                        <li><a href="#">Edit</a></li>
                                        <li><a href="#">Delete</a></li>
                                        </ul>
                                    </div>
                                </td> 
                                @else
                                    <tr>
                                    <td></td>
                                    <td></td>
                                    <td>{{$con_singledet['name']}} </td>
                                    <td>25%</td>
                                    <td></td>
                                    </tr>
                                @endif
                        @endforeach 
                        
                   </tr>
                     
                   @endforeach
                       
                    </tbody>
                    </table>
                </div>
                
               
            </div>
            <div class="pagination_custom">
               {{ $booklist->links() }}
                </div>
        </div>
    </div>


<!-- pop up -->

@foreach($booklists as $books)
   
<!-- Modal -->
<div class="modal fade custom_modal" id="manage_payout{{$books['book_details']['id']}}" role="dialog">
<div class="modal-dialog modal-lg modal_custom_width_sm">
  <div class="modal-content">
  <form action="{{ action('BookController@booklistview') }}" method="POST"> 

    {{ csrf_field() }}
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><img src="images/cross.png" /></button>
      <h4 class="modal-title">Manage Payout</h4>
    </div>
    <div class="modal-body">
         <div class="contri_info">
            <h5>Book Name : <span>{{$books['book_details']['book_title']}}</span></h5>
            <input type="hidden" name="book_id" value="{{$books['book_details']['id']}}">
         </div>
         <div class="contri_table">
            <table id="payment_table">
                <tr>
                    <th class="col-sm-3">Contributor list</th>
                    <th class="col-sm-7">Roles</th>
                    <th class="col-sm-2">%</th>
                </tr>
               
                @foreach( $books['cont_details'] as $con_singledet)
                <tr>
                    <td>
                        
                        <input type="hidden" name="assign_id[]" value="{{$con_singledet['assign_id']}}">

                        {{$con_singledet['name']}} 
                    </td>
                    <td>
                    <div class="input_container select_box">
                        <select name="contributor_roles[]"> 
                        <option value="{{$con_singledet['role_id']}}">{{$con_singledet['contributor_role']}}</option>
                        @foreach($roles  as $role)
                            <option value="{{ $role->id }}">{{ $role->contributor_role }}</option>
                        @endforeach
                        </select>
                    </div>
                    </td>
                    <td>10%</td>
                </tr>
                @endforeach
                </form>
            </table>
            
         </div>
    </div>
    <div class="modal-footer">
        <input class="popup_btn" type="submit" name="managepayout" value="Update"/>
    </div>
     </form>
  </div>
</div>
</div>

<!-- Modal -->
<div class="modal fade custom_modal" id="add_cont{{$books['book_details']['id']}}" role="dialog">
<div class="modal-dialog modal-lg modal_custom_width_xs">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><img src="images/cross.png" /></button>
      <h4 class="modal-title">Add Contributor</h4>
    </div>
    <form action="{{ action('BookController@booklistview') }}" method="POST"> 

    {{ csrf_field() }}
    <div class="modal-body">
        <div class="label_field">
            <label>Contributor</label>
            <input type="hidden" value="{{ $books['book_details']['id'] }}" name="book_id">
            <div class="input_container select_box">  
                <select name="contributor_name">
                @foreach($contributors  as $contributor)
                   <option value="{{ $contributor->id }}">{{ $contributor->name }}</option>
                @endforeach
                </select>
            </div>
        </div>
        <div class="label_field">
            <label>Role</label>
            <div class="input_container select_box">  
                <select name="contributor_role">
                @foreach($roles  as $role)
                   <option value="{{ $role->id }}">{{ $role->contributor_role }}</option>
                @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <input class="popup_btn" type="submit" value="Add" name="assigncontributor"/>
    </div>
    </form>
     
  </div>
</div>
</div>

@endforeach
<!-- pop up  ends -->

@endsection

<!-- modal end-->