@extends('layouts.app')

@section('content')
    <div class="page_wrapper">
        <div class="main_section">
            <div class="breadcrum">
                <ul>
                    <li><a href="{{ url('/booklist') }}">Book Dashboard</a></li>
                    <li class="active"><a href="javascript:;">Add Book</a></li>
                    <li class="active"><a href="javascript:history.back()">Back</a></li>
                </ul>
             
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                @if(session()->has('message'))
                    <div class="alert alert alert-success alert-dismissable fade in">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        {{ session()->get('message') }}
                    </div> 
                @endif
                @if(session()->has('error'))
                    <div class="alert alert alert-danger alert-dismissable fade in">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        {{ session()->get('error') }}
                    </div> 
                @endif 
            </div>
            <div class="red_link"><b>*Note</b> Default value of Manage Payout is set to 100%. You can change it anytime. </div>
            <div class="inner_section">
                <div class="heading_area">
                    <div class="heading_left" style="width:50%">
                        <h1>Add book and its description</h1>
                    </div>
                </div>
                <div class="container_inner">
                    <div class="row">
                        <input type="hidden" name="book_id" value="">
                        <form action="{{ url('add_book') }}" method="POST" value="{{ csrf_token() }}"  enctype="multipart/form-data" id="add_book">
                        {{ csrf_field() }}
                        <input type="hidden" name="added_by" value="{{ Auth::user()->id }}">
                        <input type="hidden" name="book_cover_type" value='2'>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Book title</label>
                                <div class="input_container">
                                    <input type="text" placeholder="Enter Book Title" name="book_title" value="{{ old('book_title') }}"/>
                                    <div class="input_container error book_title_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>QB Classes</label>
                                <div class="input_container">
                                    <input type="text" placeholder="Enter QB Classes" name="qb_class" value="{{ old('qb_class') }}"/>
                                    <div class="input_container error qb_class_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Sub-title</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Book Sub-title" name="book_subtitle" value="{{ old('book_subtitle') }}"/>
                                    <div class="input_container error book_subtitle_error"> </div>
                                    </div>
                            </div>
                        </div>
                         
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Author name</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Author Name" name="author_name" value="{{ old('author_name') }}"/>
                                    <div class="input_container error author_name_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                         
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Vendor</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Vendor Name" name="vendor_name" value="{{ old('vendor_name') }}"/>
                                    <div class="input_container error vendor_name_error"> </div>
                                    </div>
                            </div>
                        </div>
                       
                       <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Manage Payout Upper limit (100% Default)</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Upper Limit" name="manage_pay_upper_limit" value="100"/>
                                    <div class="input_container error manage_pay_upper_limit_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Format</label>
                                    <div class="input_container select_box">  
                                        <select name="book_format" >
                                        <option value="1">Comic book issue</option>
                                        <option value="2">Trade collection</option>
                                        <option value="3">Hardcover collection</option>
                                        <option value="4">Graphic novel</option>
                                        <option value="5">Merchandise item</option>
                                        </select>
                                        <!-- <input type="text" placeholder="Enter Book Format" name="book_format" value="{{-- old('book_format') --}}"/> -->
                                        <div class="input_container error book_format_error"> </div>
                                    </div>
                            </div>
                        </div>
                         
                        <div class="clearfix"></div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Item Description</label>
                                    <div class="input_container">
                                    <textarea placeholder="Enter Bio" name="bio">{{ old('bio') }}</textarea>
                                    <div class="input_container error bio_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ISBN Physical 13</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter ISBN Physical 13" name="isbn" value="{{ old('isbn') }}"/>
                                <div class="input_container error isbn_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ISBN Digital 13</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter ISBN Digital 13" name="isbn3" value="{{ old('isbn2') }}"/>
                                <div class="input_container error isbn2_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ISBN 10</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter ISBN 10" name="isbn2" value="{{ old('isbn2') }}"/>
                                <div class="input_container error isbn2_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ASIN CODE</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter ASIN CODE" name="asin_code" value="{{ old('asin_code') }}"/>
                                <div class="input_container error asin_code_error"> </div>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>
                         
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Itune CODE</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter Itune CODE" name="itune_code" value="{{ old('itune_code') }}"/>
                                <div class="input_container error itune_code_error"> </div>
                                </div>
                            </div>
                        </div>
                         
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>UPC CODE</label>
                                <div class="input_container">
                                <input type="text" placeholder="Enter UPC CODE" name="upc" value="{{ old('upc') }}"/>
                                <div class="input_container error upc_error"> </div>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Content Ratings</label>
                                <div class="input_container select_box">  
                                    <select name="content_rating" >
                                        <option value="1">01</option>
                                        <option value="2">02</option>
                                        <option value="3">03</option>
                                        <option value="4">04</option>
                                        <option value="5">05</option>
                                        <option value="6">06</option>
                                        <option value="7">07</option>
                                        <option value="8">08</option>
                                        <option value="9">09</option>
                                        <option value="10">10</option>
                                    </select>
                                    <div class="input_container error content_rating_error"> </div>
                                    <!--  @if ($errors->has('content_rating'))
                                    <span>{{-- $errors->first('content_rating') --}}</span>
                                    @endif -->
                                </div>
                            </div>
                        </div>

                    
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>AMAZON ITEM CODE</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Amazon Item Code" name="amazon_code" value="{{ old('amazon_code') }}"/>
                                     <div class="input_container error amazon_code_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Diamond Item code</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Diamond Item code" name="diamond_code" value="{{ old('diamond_code') }}"/>
                                     <div class="input_container error diamond_code_error"> </div>
                                    </div>
                            </div>
                        </div>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Street date</label>
                                    <div class="input_container">
                                       <input class="date_picker" type="text" placeholder="Enter Street Date" data-date-start-date="+0d" name="street_date" value="{{ old('street_date') }}"/>
                                        <div class="input_container error street_date_error"> </div>
                                    </div>
                            </div>
                        </div>
                       
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Series title</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Series Title" name="series_title" value="{{ old('series_title') }}"/>
                                    <div class="input_container error series_title_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ISSUE</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Issue" name="issue" value="{{ old('issue') }}"/>
                                    <div class="input_container error issue_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="clearfix"></div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Alternative title</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Alternative Title" name="alternative_title" value="{{ old('alternative_title') }}"/>
                                     <div class="input_container error alternative_title_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Volume</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Volume" name="volume" value="{{ old('volume') }}"/>
                                     <div class="input_container error volume_error"> </div>
                                    </div>
                            </div>
                        </div>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Merch</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Merch" name="merch" value="{{ old('merch') }}"/>
                                    <div class="input_container error merch_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Print Price</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Print Price" name="print_price" value="{{ old('print_price') }}"/>
                                    <div class="input_container error print_price_error"> </div>
                                    </div>
                            </div>
                        </div>
						
                        <div class="clearfix"></div>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Digital Price</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Digital Price" name="digital_price" value="{{ old('digital_price') }}"/>
                                    <div class="input_container error digital_price_error"> </div>
                                    </div>
                            </div>
                        </div>

						<!--comic box start-->
						<div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Comixology Code Box</label>
                                    <div class="input_container">
                                      <input type="text" placeholder="Enter Comixology Code" name="comixology_code" value="{{ old('comixology_code') }}">
                                      <div class="input_container error comixology_code_error"> </div>
                                    </div>
                            </div>
                        </div>

                        
						<!--comic box ends-->
                        <!-- google gg key -->
                       <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>GOOGLE GG KEY</label>
                                    <div class="input_container">
                                      <input type="text" placeholder="Enter GOOGLE GG KEY" name="google_gg_key" value="{{ old('google_gg_key') }}">
                                      <div class="input_container error google_gg_key_error"> </div>
                                    </div>
                            </div>
                        </div>
                         
                        <!-- google gg key -->
                        <div class="newbg">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="question">We want Opening Questions when an issue is added</div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Is this the initial publication?</label>
                                <div class="input_container">
                                    <div class="radio_fields">  
                                        <input checked="" name="publication" id="publication_yes" type="radio" value="1">
                                        <label for="publication_yes">Yes</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input name="publication" id="publication_no" type="radio" value="2">
                                        <label for="publication_no">No</label>
                                    </div>
                                </div>
                                 <div class="input_container error publication_error"> </div>
                            </div>
                        </div>
                       <!--  <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Is this a Container?</label>
                                <div class="input_container">
                                    <div class="radio_fields">  
                                        <input name="container" id="container_yes" type="radio" value="1">
                                        <label for="container_yes">Yes</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input name="container" id="container_no" type="radio" value="2" checked="">
                                        <label for="container_no">No</label>
                                    </div>
                                </div>
                                <div class="input_container error container_error"> </div>
                            </div>
                        </div> -->
                        <!-- <div class="col-md-4 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Which Items are Contained Within?</label>
                                <div class="input_container select_box">  
                                    <select name="volume_contained">
                                        <option value="NJ1">NJ1</option>
                                        <option value="NJ1">NJ2</option>
                                        <option value="NJ1">NJ3</option>
                                    </select>
                                    <div class="input_container error volume_contained_error"> </div>
                                      @if ($errors->has('volume_contained'))
                                    <span>{{-- $errors->first('volume_contained') --}}</span>
                                     @endif 
                                </div>
                            </div>
                        </div> -->
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Is this a Variant?</label>
                                <div class="input_container">
                                    <div class="radio_fields">  
                                        <input name="variant" id="Variant_yes" type="radio" value="1">
                                        <label for="Variant_yes">Yes</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input checked="" name="variant" id="Variant_no" type="radio" value="2">
                                        <label for="Variant_no">No</label>
                                    </div>
                                    <div class="input_container error variant_error"> </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Royalty Choice?</label>
                                <div class="input_container">
                                    <div class="radio_fields">  
                                        <input checked="" name="Choice" id="Net" type="radio" value="1">
                                        <label for="Net">Net</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input name="Choice" id="Gross" type="radio" value="2">
                                        <label for="Gross">Gross</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input name="Choice" id="Cover Price" type="radio" value="3">
                                        <label for="Cover Price">Cover Price</label>
                                    </div>
                                    <div class="input_container error Choice_error"> </div>
                                </div>
                            </div>
                        </div>
                        </div>
                        <div class="clearfix"></div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>PAGE COUNT</label>
                                    <div class="input_container">
                                    <input type="text" placeholder="Enter Page Count" name="page_count" value="{{ old('page_count') }}"/>
                                    <div class="input_container error page_count_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>ORIGINAL PRINTER</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Orignal Printer" name="orignal_printer" value="{{ old('orignal_printer') }}"/>
                                     <div class="input_container error orignal_printer_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Case Quantity</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Case Quantity" name="case_quantity" value="{{ old('case_quantity') }}"/>
                                     <div class="input_container error case_quantity_error"> </div>
                                    </div>
                            </div>
                        </div>
                        
                        <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="label_field">
                                <label>Case Weight</label>
                                    <div class="input_container">
                                      <input type="text" placeholder="Enter Case Weight" name="case_weight" value="{{ old('case_weight') }}"/>
                                      <div class="input_container error case_weight_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Book Weight</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Book Weight" name="book_weight" value="{{ old('book_weight') }}"/>
                                     <div class="input_container error book_weight_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Book Dimensions</label>
                                    <div class="input_container">
                                     <input type="text" placeholder="Enter Book Dimensions" name="book_dimensions" value="{{ old('book_dimensions') }}"/>
                                     <div class="input_container error book_dimensions_error"> </div>
                                    </div>
                            </div>
                        </div>   
                        
                        <!-- added later on 18 july 2017 -->

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Cover Price</label>
                                    <div class="input_container">
                                      <input type="text" placeholder="Enter Cover Price" name="cover_price" value="{{ old('cover_price') }}">
                                      <div class="input_container error cover_price_error"> </div>
                                    </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Digital Cover Price</label>
                                    <div class="input_container">
                                      <input type="text" placeholder="Enter Digital Cover Price" name="digital_cover_price" value="{{ old('digital_cover_price') }}">
                                      <div class="input_container error digital_cover_price_error"> </div>
                                    </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <!-- <div class="clearfix"></div> -->

                        <div class="col-md-3 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>OniEntertainment Media Rights</label>
                                 <!-- if db val is empty non checked-->
                                <div class="input_container">
                                    <div class="radio_fields">  
                                        <input name="oni_rights" id="oni_rights_yes" type="radio" value="1" class="oni_rights_class">
                                        <label for="oni_rights_yes">Yes</label>
                                    </div>
                                    <div class="radio_fields">      
                                        <input name="oni_rights" id="oni_rights_no" type="radio" value="2" class="oni_rights_class" checked="checked">
                                        <label for="oni_rights_no">No</label>
                                    </div>
                                    <div class="input_container error oni_rights_error"> </div>
                                </div>
                                
                            </div>
                             <input type="hidden" class="input_popup oniright_notes" type="text" value="" name="oni_rights_notes_hidden" placeholder="Enter Notes" pattern="" required="">

                           

                            <div id ="oni_id_2" class="input-icon-oni_right">
                             <!-- <input class="input_popup  oniright_notes" type="hidden" value="0" name="oni_rights_notes"> -->
                            </div>

                        </div>

                        <!-- added on 27 aug expenses per quarter-->
                        

                        <!-- added later on 18 july 2017 -->
                        
                        <div class="col-md-8 col-sm-12 col-xs-12">
                            <div class="label_field">
                                <label>Browse Book cover</label>
                                <div class="file_box">
                                    <span class="file_container">
                                        <input type="file" id="image_type" name="image"  value="{{ old('image') }}" accept="image/*">
                                    </span>
                                    <label for="image_type">Browse</label>
                                    
                                    <span id="book_preview" class="book_preview" style="background-image:url(images/book_cover.png);"></span>
                                </div>
                                 @if ($errors->has('image'))
                                 <span>{{ $errors->first('image') }}</span>
                                 @endif
                            </div>
                        </div>
						
                         <div class="clearfix"></div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <input type="submit" value="Save" class="save_form_add_book"/>
                        </div>
                        </form>
                    </div>
                </div>
            </div>      
        </div>
    </div>

    <!-- oni entertainment pop-up -->
    <div class="modal fade custom_modal" id="add_oni_note" role="dialog" data-backdrop="static" data-keyboard="false">
    <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="{{asset('images/cross.png')}}" /></button> -->
           <h4 class="modal-title">Add Notes</h4>
        </div>
        
        {{ csrf_field() }}
            <div class="modal-body">
                <div class="label_field">
                <label>Add Oni Entertainment Notes</label>
                    <textarea class="input_popup oniright_notes" type="text" value="" name="oni_rights_notes" placeholder="Enter Notes" pattern="" id="oniright_notes" required="">@if(!empty(old('oni_rights_notes'))){{old('oni_rights_notes')}}@endif</textarea>
                    <div class="input_container error" id="empty_error" style="display:none"><span>Please enter in correct format.</span></div>
                </div>
            </div>
            <div class="modal-footer">
                <input class="popup_btn" data-dismiss="modal" type="button" value="OK" placeholder="" id="validate_notes">
            </div>
        
      </div>
    </div>
    </div>

    <!-- oni entertainment pop-up ends -->

    <div id="home_url" style="display:none;">