@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_contributor') }}">
                    <img src="images/add.png"/>
                Add Contributor
                </a>
            </div>
           
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left">
                        <h1>Contributors List</h1>
                    </div>
                    <div class="heading_right">
                       <form action="{{ url('/searchcontributor') }}"  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>Contributor Name</th>
                                <th>Email</th>
                                <th>Stage name</th>
                                <th>Phone Number</th>
                                <th>Book</th>
                                <th>More Detail</th>
                            </tr>
                         
                        </thead>
                        
                        <tbody>
                             @foreach ($contributorslist as $contributordet)
                            <tr>
                                <td>{{$contributordet["user_details"]["name"]}}</td>
                                <td>{{$contributordet["user_details"]["email"]}}</td>
                                <td>{{$contributordet["user_details"]["first_name"]}}</td>
                                <td>{{$contributordet["user_details"]["phone_number"]}}</td>
                                                                @foreach( $contributordet['book_details'] as $con_singledet)
                                                                @if ($count==1)
                                <td>{{$con_singledet['book_title']}} </td>
                                 <td><a href="javascript:void;" data-id="{{$contributordet['user_details']['id']}}" data-toggle="modal" data-target="#add_contributor{{$contributordet['user_details']['id']}}"  class="blue_link">See More</a></td>
                                @else
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td>{{$con_singledet['book_title']}} </td>
                                    <td></td>
                                </tr>
                                @endif
                                @endforeach
                               <!--  <td><a href="javascript:void;" data-id="{{-- $contributor->id --}}" data-toggle="modal" data-target="#add_contributor{{-- $contributor->id --}}"  class="blue_link">See More</a></td> -->
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="pagination_custom">
                {{ $contri->links() }}
                </div>
               
            </div>
        </div>
    </div>
@endsection
<!-- modal -->
@foreach ($contributorslist as $contributordet)
<div class="modal fade custom_modal" id="add_contributor{{ $contributordet['user_details']['id'] }}" role="dialog">
<div class="modal-dialog modal-lg modal_custom_width">
  <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">Contributor information</h4>
    </div>
    <div class="modal-body">
        <div class="contributor_detail">
            <div class="cont_profile">
                @if (!empty($contributordet["user_details"]["profile_image"]))
                <img  id="book_preview" class="cont_profile_image"  src="{{url('/profilepic/')}}/{{ $contributordet['user_details']['profile_image'] }}">
                @else
                <span id="book_preview" class="cont_profile_image" style="background-image:url(images/profile_cover.png);"></span>
                @endif
                <div class="share">
                    <div class="share_btn"><img src="images/share.png"/></div>
                    <ul class="share_social">
                        <li><a href="#"><img src="images/fb.png"/></a></li>
                        <li><a href="#"><img src="images/tw.png"/></a></li>
                        <li><a href="#"><img src="images/insta.png"/></a></li>
                    </ul>
                </div>
            </div>
            <div class="cont_detail">
                <div class="cont_name">{{ $contributordet["user_details"]["name"] }}<img src="images/confirm.png"/></div>
                <div class="table_view">
                    <ul>
                        <li><img src="images/mail.png" alt="email"/>{{ $contributordet["user_details"]["email"] }}</li>
                        <li><img src="images/bday.png" alt="bday"/>{{ $contributordet["user_details"]["birth_date"] }}</li>
                        @if(!empty ($contributordet["user_details"]["bio"]))
                        <li><img src="images/bio.png" alt="bio"/>{{ $contributordet["user_details"]["bio"] }}</li>
                        @else
                        <li><img src="images/bio.png" alt="bio"/> This is bio of the contributor which is being added by the publisher. Please add the updated and bio related to the contributor's profile </li>
                        
                        @endif
                    </ul>
                </div>
            </div>
        </div>
        <div class="contributor_address">
            <h3>Address</h3>
            <div class="row">
                <div class="col-sm-12">
                    <div class="conts_detail">
                        <span class="cont_title">Street</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["address"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">  
                    <div class="conts_detail">
                        <span class="cont_title">City</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["city"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">          
                    <div class="conts_detail">
                        <span class="cont_title">State</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["state"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">                  
                    <div class="conts_detail">
                        <span class="cont_title">Country</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["country"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">                  
                    <div class="conts_detail">
                        <span class="cont_title">Postal Code</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["postcode"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">      
                    <div class="conts_detail">
                        <span class="cont_title">Phone Number</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["phone_number"] }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="contributor_address contributor_more">
            <h3>Other Info</h3>
            <div class="row">
                <div class="col-sm-12">
                    <div class="conts_detail">
                        <span class="cont_title">Date of Contract</span>
                        <span class="cont_desc">{{ $contributordet["user_details"]["contract_date"] }}</span>
                    </div>
                </div>
                <div class="col-sm-6">  
                    <div class="conts_detail">
                        <span class="cont_title">W9 Form</span>
                        <span class="cont_desc">Pending<img src="images/pending.png"/></span>
                    </div>
                </div>
                <div class="col-sm-6">  
                    <div class="conts_detail">
                        <span class="cont_title">Verification</span>
                        <span class="cont_desc">Verified<img src="images/confirm.png"/></span>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
     
  </div>
</div>
</div>
<!-- modal end-->
@endforeach