@extends('user-layouts.user_template')
@section('content')
    <style>
        .hide-bullets {
            list-style:none;
            margin-left: -40px;
            margin-top:20px;
        }
    </style>
    <div class="content-wrapper" style="min-height: 916px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                My Designs
                <small>{{ $array_client_designs[0]->DesignName }}</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{ url('user') }}"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="{{ url('user/my-designs') }}"><i class="fa fa-th-list"></i> My Designs</a></li>
                <li class="active">{{ $array_client_designs[0]->DesignName }} </li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-7">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <!-- <a href="{{ url('designer/edit') }}/{{ $array_client_designs[0]->DesignCode }}" type="button" class="btn btn-default pull-right" style="margin-left: 5px;"><i class="fa fa-edit"></i> Edit Design</a>
                            <button type="button" data-dd="{{ $array_client_designs[0]->DesignCode }}"  data-port="{{ $array_cat_name[0]->Port }}" class="btn btn-warning pull-right" id="btn-reload-thumbnails"><i class="fa fa-refresh"></i> Reload Image Thumbnails</button> -->
                            <h3 class="box-title">
                               Sell this Design
                            </h3>
                        </div>
                        <div class="box-body custom-box-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="thumb-content">
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                                @foreach($array_client_designs as $row)
                                                    @foreach($array_template_paths as $key => $row1)
                                                        @if($key  == 0)
                                                            <img src="{{ config('site_config.images_url')  }}/{{ $row->DesignCode }}-front-thumbnail.png" alt="{{ $row->DesignName }}" id="main-thumbnail" class="img img-responsive">
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <ul class="hide-bullets">
                                                    @foreach($array_client_designs as $row)
                                                        @foreach($array_template_paths as $key => $row1)
                                                            @if($key  == 0)
                                                            <li class="col-sm-3 col-xs-3">
                                                                <a class="thumbnail a_thumbnail active">
                                                                    <img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="{{ config('site_config.images_url')  }}/{{ $row->DesignCode }}-front-thumbnail.png"/>
                                                                </a>
                                                                <!-- <p>Select Default Thumbnail:</p>
                                                                <div class="text-center">
                                                                    <input type="radio" name="active_thumbnail" value="{{ $row1->Side }}"  checked>
                                                                </div> -->
                                                            </li>
                                                            @else
                                                            <li class="col-sm-3 col-xs-3">
                                                                <a class="thumbnail a_thumbnail">
                                                                    <img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="{{ config('site_config.images_url')  }}/{{ $row->DesignCode }}-{{ strtolower($row1->Side) }}-thumbnail.png"/>
                                                                </a>
                                                                <!-- <p>&nbsp;</p>
                                                                <div class="text-center">
                                                                    <input type="radio" name="active_thumbnail" value="{{ $row1->Side }}" >
                                                                </div> -->
                                                            </li>
                                                            @endif
                                                        @endforeach
                                                    @endforeach
                                                </ul>     
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="col-md-5">
                                    asdasdadadsaad
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">
                                Item Details
                            </h3>
                        </div>
                        <form id="frm_sell_design">
                            <input type="hidden" name="templateCode" class="form-control" value="{{ $array_client_designs[0]->TemplateCode }}">
                            <input type="hidden" name="designCode" class="form-control" value="{{ $array_client_designs[0]->DesignCode }}">
                            <div class="box-body custom-box-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- <input type="hidden" class="form-control" name="item_url" placeholder="Item Name"> -->
                                        <div class="form-group">
                                            <div id="sell-design-response-msg"></div>
                                        </div>
                                       
                                        <div class="form-group">
                                            <label>Item Name</label>
                                            <input type="text" class="form-control" id="itemName" name="itemName"  placeholder="Item Name">
                                        </div>
                                        <div class="form-group">
                                            <label>Item Desription</label>
                                            <textarea  class="form-control" name="itemDescription"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label>Item Price</label>
                                            <input id="item_price" name="itemPrice" class="form-control price_format" type="text" data-error="#err-price" />  
                                        </div>
                                        <div class="form-group">
                                            <label>Item Form</label>
                                            <select class="form-control" name="itemForm">
                                                <option value="jersey-and-shorts-form">Jersey and Shorts Form</option>
                                                <option value="tshirt-form">T-Shirt Form</option>
                                                <option value="quantity-form">Quantity Form</option>
                                                <option value="name-and-number-form">Name and Number Form</option>
                                                <option value="name-number-size-form">Name, Number and Size Form</option>
                                                <option value="number-form">Number Only Form</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label>Item URL</label>
                                            <input type="text" class="form-control" id="product_url" name="itemUrl" placeholder="Item URL">
                                            <!-- <div class="input-group">
                                                <span class="input-group-addon" id="basic-addon3">{{ url() . "/teamstore/" . $store_array[0]->StoreUrl . '/'}}</span>
                                                <input type="text" class="form-control" id="product_url" name="itemUrl" aria-describedby="basic-addon3" data-error="#err-itemUrl" >
                                            </div>
                                            <span id="err-itemUrl"></span>  -->
                                        </div>
                                        <div class="form-group">
                                            <label>Available Size</label>
                                            <select class="form-control select2"  data-error="#err_available_size" data-placeholder="Select Size" name="available_size[]" multiple="multiple" required>
                                                <option value="toddler">Toddler</option>
                                                <option value="youth">Youth</option>
                                                <option value="adult">Adult</option>
                                            </select>
                                            <span id="err_available_size"></span>
                                        </div>
                                        <div class="form-group">
                                            <label>Item Privacy</label>
                                            <select class="form-control" name="itemPrivacy">
                                                <option value="private">Private</option>
                                                <option value="public">Public</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <!-- <button type="submit" class="btn btn-default">Cancel</button> -->
                                <button type="submit" class="btn btn-primary pull-right">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </section>
    <!-- /.content -->
    </div>
@endsection
