@extends('layouts.app')
@section('title', 'Pricing Tiers | Products')
@section('extrastyles')
    <link href="{{ asset('/plugins/dataTables/datatables.min.css') }}" rel="stylesheet">
@endsection

@section('content')

    <div class="studio98_websters">
        <div class="studio98_websters" >
            <div class="ibox float-e-margins">
                <div class="ibox-title2">
                    <h5>Manage Pricing Tier</h5>
                    <div class="pull-right">
                        <a class="btn btn-primary" href="javascript:void(0);" data-toggle="modal" data-target="#create_tier">
                            Add Pricing Tier
                        </a>
                    </div>
                </div>
                <div class="ibox-content p-md">
                    @include('flash::message')
                    <div class="clearfix"></div>
                    <div class="table-responsive">
                        <div class="clearfix"></div>
                        <table class="table table-striped table-bordered table-hover" id="tier_listing">
                            <thead>
                            <tr>
                                <th>Display Name</th>
                                <th>Pricing Name</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($tiers) > 0)
                                @foreach($tiers as $tier)
                                    <tr data-id="{{ $tier->id }}" id="tier-{{$tier->id}}">
                                        <td>
                                            <span class="table-action-item">
                                            {{ $tier->display_name }}
                                            </span>
                                            <br>
                                            <div class="actions">
                                                <a href="javascript:void(0)" class="btn btn-white btn-sm" onclick="getTier({{ $tier->id }})">Edit</a>
                                                <span>|</span>
                                                <a href="javascript:void(0)" class="btn btn-white btn-sm" onclick="deleteTier({{ $tier->id }})">Delete</a>
                                            </div>
                                        </td>
                                        <td>{!!  $tier->display_name  !!}</td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


        <div class="studio98_websters" >
            <div class="ibox float-e-margins">
                <div class="ibox-content p-md">
                    @include('flash::message')
                    <div class="clearfix"></div>
                    <div class="tier_comparison">
                        <div class="form-group">
                            {!! Form::checkbox('enable_compare_tier' , null , (isset($selected_tier) && isset($selected_tier->id) ? 1 : 0) ,['id' => 'enable_compare_tier']) !!}
                            {!! Form::label('enable_compare_tier','Enable Compare To Tier?') !!}
                        </div>
                        <div class="form-group" id="default_compare_to_parent" style="display: {{isset($selected_tier) && isset($selected_tier->id) ? 'block' : 'none'}}">
                            {!! Form::label('default_compare_to','Select Tier') !!}
                            <select name="default_compare_to" id="default_compare_to" class="form-control" style="width: 100%;">
                                @foreach($tiers AS $key => $tier)
                                    @if($tier->pricing_name != 'MSRP Label')
                                        <option value="{{ $tier->id }}"  {{ (isset($selected_tier->id) && $tier->id == $selected_tier->id) ? 'selected' : '' }}>{{ $tier->display_name }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <button type="button" class="btn btn-primary" id="tier_comparison_div">Submit</button>
                    </div>
                </div>
            </div>
        </div>