@extends('backend.layouts.master')

@section('title')
    Add Price
@endsection

@section('content')
<section>
        <!-- Sidebar -->
        @include('backend/includes/sidebar')

        <!-- body content start-->
        <div class="body-content" >

            <!-- Header -->
            @include('backend/includes/header')

            <!-- page head start-->
            <div class="page-head">
                <h3>
                    Add Price
                </h3>
            </div>
            <!-- page head end-->

            <!--body wrapper start-->
            <div class="wrapper">
                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <section class="panel">
                            
                            <div class="panel-body">
                                <form id="category_form" class="cmxform form-horizontal tasi-form" class="form-horizontal tasi-form" action="{{route('save_price')}}" method="post">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">

                                    <!-- <div class="form-group">
                                        <label for="asd" class="col-lg-2 col-sm-2 control-label">Book Quantity *</label>
                                        <div class="col-lg-10">
                                            <div class="radio-custom radio-success">
                                                <input type="radio" name="book_quantity" value="1" id="less50" checked onchange="check_qty()">
                                                <label for="less50">For 1 - 49</label>
                                                <input type="radio" name="book_quantity" value="2" id="more50" onchange="check_qty()">
                                                <label for="more50">For 50+</label>
                                                <input type="radio" name="book_quantity" value="3" id="both" onchange="check_qty()">
                                                <label for="both">For both</label>
                                            </div>
                                        </div>
                                    </div> -->

                                    <div class="form-group">
                                        <label for="pn" class="col-lg-2 col-sm-2 control-label">Cover Name</label>
                                        <div class="col-lg-10">
                                            <select name="cover_type_id" class="form-control binding_type" onchange="check_binding_type(this.value)">
                                                @foreach($cover_types as $cover_type)
                                                <option value="{{$cover_type->cover_id}}_{{$cover_type->book_quantity}}">{{$cover_type->name}} ({{$cover_type->type}})</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="pn" class="col-lg-2 col-sm-2 control-label">Size</label>
                                        <div class="col-lg-10">
                                            <select name="book_size_id" class="form-control select2">
                                                @foreach($book_sizes as $book_size)
                                                <option value="{{$book_size->size_id}}">@if($book_size->size_type == 'custom') Up to @endif {{$book_size->width}} x @if($book_size->size_type == 'custom') Up to @endif {{$book_size->height}} ({{$book_size->orientation}}) - {{$book_size->book_size}} / {{$book_size->size_type}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="pi" class="col-lg-2 col-sm-2 control-label">Product ID *</label>
                                        <div class="col-lg-10">
                                            <input type="text" id="pi" class="form-control required" name="product_id" maxlength="255">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="ds" class="col-lg-2 col-sm-2 control-label">Display Sequence *</label>
                                        <div class="col-lg-10">
                                            <input type="number" id="ds" class="form-control required" name="display_sequence" min="1" maxlength="255">
                                        </div>
                                    </div>

                                    <div class="form-group pricing_fields">
                                        <label for="bc" class="col-lg-2 col-sm-2 control-label">Base cover Price *</label>
                                        <div class="col-lg-10">
                                            <input type="number" id="bc" class="form-control pricing" name="base_cover" min="1" maxlength="255">
                                        </div>
                                    </div>

                                    <div class="form-group pricing_fields">
                                        <label for="bp" class="col-lg-2 col-sm-2 control-label">Base pages Quantity *</label>
                                        <div class="col-lg-10">
                                            <input type="number" id="bp" class="form-control pricing" name="base_pages" min="1" maxlength="255">
                                        </div>
                                    </div>

                                    <div class="form-group pricing_fields">
                                        <label id="cp" class="col-lg-2 col-sm-2 control-label">Page Cost Price *</label>
                                        <div class="col-lg-10">
                                            <input type="number" id="cp" class="form-control pricing" name="color_page" min="0" maxlength="255">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-2 col-sm-2 control-label">Status</label>
                                        <div class="col-lg-10">
                                            <div class="radio-custom radio-success">
                                                <input type="checkbox" name="status" class="js-switch-small-green" checked />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-2 col-sm-2 control-label"></label>
                                        <div class="col-lg-10">
                                            <button type="submit" class="btn btn-warning">Save</button>
                                            <a href="{{route('price')}}" class="btn btn-default">Cancel</a>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
            <!--body wrapper end-->

            <!-- Footer -->
            @include('backend/includes/footer')
            
        </div>
        <!-- body content end-->
    </section>
    <script>
        $(document).ready(function() {
            var book_quantity = $('input[name=book_quantity]:checked').val();
            if (book_quantity == 1) {
                $('.pricing').addClass('required');
                $('.pricing_fields').show();
            } else if (book_quantity == 2) {
                $('.pricing').removeClass('required');
                $('.pricing_fields').hide();
            } else {
                $('.pricing').removeClass('required');
                $('.pricing_fields').show();
            }
        });

        function check_binding_type(value) {
            var cover_id = value.substr(0,1);
            var book_quantity = value.substr(2,3);

            if (book_quantity == 1) {
                $('.pricing').addClass('required');
                $('.pricing_fields').show();
            } else if (book_quantity == 2) {
                $('.pricing').removeClass('required');
                $('.pricing_fields').hide();
            } else {
                $('.pricing').removeClass('required');
                $('.pricing_fields').show();
            }
        }
        /*$(document).ready(function() {
            var qty = $('input[name=book_quantity]:checked').val();
            if (qty == 1) {
                $('.pricing').addClass('required');
                $('.pricing_fields').show();
            } else if (qty == 2) {
                $('.pricing').removeClass('required');
                $('.pricing_fields').hide();
            } else {
                $('.pricing').removeClass('required');
                $('.pricing_fields').show();
            }
        });*/

        /*function check_qty() {
            var qty = $('input[name=book_quantity]:checked').val();
            if (qty == 1) {
                $('.pricing').addClass('required');
                $('.pricing_fields').show();
            } else if (qty == 2) {
                $('.pricing').removeClass('required');
                $('.pricing_fields').hide();
            } else {
                $('.pricing').removeClass('required');
                $('.pricing_fields').show();
            }
        }*/
    </script>
@endsection