@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> -->
                        </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>
                                                            </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>
                                                            </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">
                                Design Details
                            </h3>
                        </div>
                        <form id="frm-design-details">
                            <input type="hidden" name="design_code" class="form-control" value="{{ $array_client_designs[0]->DesignCode }}">
                            <div class="box-body custom-box-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Design Name</label>
                                            <input type="text" name="design_name" class="form-control" value="{{ $array_client_designs[0]->DesignName }}" placeholder="Enter design name">
                                        </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">Save changes</button>
                            </div>
                        </form>
                    </div>
                </div>

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