@extends('master')

@section('content')

    <!-- SECTION FOR VIEWCART -->
    @if($noItems >0 )
       
    <section class="">
        <div class="container">
            <div  id="rugsart-content-wrapper">
                <!-- Bread Crumb -->
                <div class="col-md-12 col-sm-12 col-xs-12 bread-crumb">Shipping / Billing Details</div>

                <!-- ViewCart Container -->
                <div class="col-md-12 col-sm-12 col-xs-12 viewcart-container">
                    <!-- Viewcart table -->
                    @foreach($cartItem as $row)

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <tr>
                                <th>design</th>
                                <th>name</th>
                                <th>size</th>
                                <th>quantity</th>
                                <th>price</th>
                                
                                <th>amount</th>
                               
                                
                                <th>&nbsp;</th>

                            </tr>
                            <tr>
                                <td> <img src="{{$row->options->image}}" width="50" /></td>
                                <td><span class="text-uppercase">{{ $row->name}}</span> - {{$row->options->color}}</td>
                                <td>{{$row->options->size}}</td>
                                
                                <td>{{$row->qty}}</td>
                                <td>{{number_format($row->price,2)}}</td>
                                <td>${{number_format(Cart::total(),2)}}</td>
                                
                               

                                <td>
                                    {!! link_to_route('cart.destroy','Delete / Modify',$row->rowid,['data-method'=>'delete']) !!}

                                </td>
                            </tr>
                            {{--<tr>--}}
                                {{--<td colspan="6" class="note">Note: </td>--}}
                            {{--</tr>--}}
                        </table>
                        


                    </div>

                    @endforeach
                    <!-- Viewcart detail button -->
                    <!-- <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="pull-right text-center">
                                {!! link_to_route('catalogue.index','More View',null,['class'=>' btn btn-request' ]) !!}
                            </div>
                        </div>
                    </div> -->


                    <!-- <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                            <fieldset>
                            <legend>Billing Detail</legend>
                            
                            
                                <div class="form-group">
                                    {!! Form::label('first_name','First Name')!!}
                                    {!! Form::text('first_name',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('last_name','Last Name')!!}
                                    {!! Form::text('last_name',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('gender','Gender')!!}
                                    {!! Form::select('gender',['Male'=>'Male','Female'=>'Female'],null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('country_id','Country')!!}
                                    {!! Form::select('country_id',['0'=>'Select']+$countrylist,null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('address','Address')!!}
                                    {!! Form::text('address',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('city','City')!!}
                                    {!! Form::text('city',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('state','State')!!}
                                    {!! Form::text('state',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('zip','Zip')!!}
                                    {!! Form::text('zip',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('phone','Phone')!!}
                                    {!! Form::text('phone',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('mobile','Mobile')!!}
                                    {!! Form::text('mobile',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('email','Email')!!}
                                    {!! Form::text('email',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                
                                
                                
                                
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                            <fieldset>
                            <legend>Shipping Detail <div>Same as Billing </div></legend>
                            
                            
                                <div class="form-group">
                                    {!! Form::label('first_name','First Name')!!}
                                    {!! Form::text('first_name',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('last_name','Last Name')!!}
                                    {!! Form::text('last_name',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('gender','Gender')!!}
                                    {!! Form::select('gender',['Male'=>'Male','Female'=>'Female'],null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('country_id','Country')!!}
                                    {!! Form::select('country_id',['0'=>'Select']+$countrylist,null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('address','Address')!!}
                                    {!! Form::text('address',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('city','City')!!}
                                    {!! Form::text('city',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('state','State')!!}
                                    {!! Form::text('state',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('zip','Zip')!!}
                                    {!! Form::text('zip',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('phone','Phone')!!}
                                    {!! Form::text('phone',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('mobile','Mobile')!!}
                                    {!! Form::text('mobile',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                <div class="form-group">
                                    {!! Form::label('email','Email')!!}
                                    {!! Form::text('email',null, ['class'=>'form-control' , 'required'=>"required"]) !!}
                                </div>
                                
                                
                                
                                <button type="submit" class="btn btn-default">Submit</button>
                                
                                </fieldset>
                            </div>
                        </div>
                    </div> -->
                    

                    <!-- Viewcart inquiry form -->
                    {!! Form::open(['name'=>'frmorder','route' => 'shipping-billing.store','class'=>'']) !!}
                    <div class="row">
                    <div class="col-md-6 col-sm-12">
                   
                    <div class="col-md-12 viewcart-inquiry-form" >
                        <h4>Billing Detail</h4>
                        
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- name field -->
                                    <div class="form-group">
                                        {!! Form::label('first_name','First Name:')!!}
                                        {!! Form::text('first_name',null, ['id'=>'first_name','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <!-- name field -->
                                    <div class="form-group">
                                    {!! Form::label('last_name','Last Name:')!!}
                                    {!! Form::text('last_name',null, ['id'=>'last_name','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                            
                                <div class="col-md-12">
                                    <!-- address field -->
                                    <div class="form-group">
                                        {!! Form::label('address','Address:')!!}
                                        {!! Form::textarea('address',null, ['id'=>'address','class'=>'form-control' , 'required'=>"required",'rows'=>'3']) !!}
                                    </div>
                                </div>
                                
                                </div>
                                <div class="row">
                                <div class="col-md-6">
                                    <!-- country field -->
                                    <div class="form-group">
                                        {!! Form::label('country_id','Country:')!!}
                                        {!! Form::select('country_id',[''=>'Select']+$countrylist,null, ['id'=>'country_id','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <!-- city field -->
                                    <div class="form-group">
                                        {!! Form::label('city','City:')!!}
                                        {!! Form::text('city',null, ['id'=>'city','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                            <div class="col-md-6">
                                    <!-- city field -->
                                    <div class="form-group">
                                        {!! Form::label('state','State:')!!}
                                        {!! Form::text('state',null, ['id'=>'state','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <!-- zip-code field -->
                                    <div class="form-group">
                                        {!! Form::label('zip','Zip Code:')!!}
                                        {!! Form::text('zip',null, ['id'=>'zip','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- email field -->
                                    <div class="form-group">
                                        {!! Form::label('email','Email Address:')!!}
                                        {!! Form::email('email',null, ['id'=>'email','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- phone field -->
                                    <div class="form-group">
                                        {!! Form::label('phone','Phone Number:')!!}
                                        {!! Form::text('phone',null, ['id'=>'phone','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                           
                            
                       
                    </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                    <div class="col-sm-12 viewcart-inquiry-form">
                        <div style="margin:5px 0;"><h4 style="display:inline;">Shipping Detail</h4> <label style="padding-left:10px;font-size:10px;vertical-align:middle"><input type="checkbox" id="copyfields"> Same as Billing</label></div>
                        
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- name field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_first_name','First Name:')!!}
                                        {!! Form::text('shipping_first_name',null, ['id'=>'shipping_first_name','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <!-- name field -->
                                    <div class="form-group">
                                    {!! Form::label('shipping_last_name','Last Name:')!!}
                                    {!! Form::text('shipping_last_name',null, ['id'=>'shipping_last_name','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                            
                                <div class="col-md-12">
                                    <!-- address field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_address','Address:')!!}
                                        {!! Form::textarea('shipping_address',null, ['id'=>'shipping_address','class'=>'form-control' , 'required'=>"required",'rows'=>'3']) !!}
                                    </div>
                                </div>
                                
                                </div>
                                <div class="row">
                                <div class="col-md-6">
                                    <!-- country field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_country_id','Country:')!!}
                                        {!! Form::select('shipping_country_id',[''=>'Select']+$countrylist,null, ['id'=>'shipping_country_id','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <!-- city field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_city','City:')!!}
                                        {!! Form::text('shipping_city',null, ['id'=>'shipping_city','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                            <div class="col-md-6">
                                    <!-- city field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_state','State:')!!}
                                        {!! Form::text('shipping_state',null, ['id'=>'shipping_state','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <!-- zip-code field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_zip','Zip Code:')!!}
                                        {!! Form::text('shipping_zip',null, ['id'=>'shipping_zip','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- email field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_email','Email Address:')!!}
                                        {!! Form::email('shipping_email',null, ['id'=>'shipping_email','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- phone field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_phone','Phone Number:')!!}
                                        {!! Form::text('shipping_phone',null, ['id'=>'shipping_phone','class'=>'form-control' , 'required'=>"required"]) !!}
                                    </div>
                                </div>
                            </div>
                           
                            <div class="row">
                            
                                <div class="col-md-12">
                                    <!-- address field -->
                                    <div class="form-group">
                                        {!! Form::label('shipping_note','Note:')!!}
                                        {!! Form::textarea('shipping_note',null, ['id'=>'shipping_note','class'=>'form-control' ,'rows'=>'3']) !!}
                                    </div>
                                </div>
                                
                                </div>
                            <div class="row">
                                <div class="col-md-12">
                                     <div class="pull-left text-center"><button type="submit" class="btn btn-request">Checkout</button></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </section>
    @else
        <section class="">
            <div class="container">
                <div class="row" id="rugsart-content-wrapper">
                    <!-- Bread Crumb -->
                    <div class="col-md-12 col-sm-12 col-xs-12 bread-crumb">Order List Details</div>
                    <div class="col-md-12 col-sm-12 col-xs-12 viewcart-container">
                        Cart is Empty
                        </div>
                </div>
                </div>
        </section>
    @endif

@stop

@section('scriptBlock')
    <script type="text/javascript">
        $().ready(function(){
            $("#copyfields").change(function() {
                if(this.checked) {
                    $('#shipping_first_name').val($('#first_name').val()).prop('readonly',true);
                    $('#shipping_last_name').val($('#last_name').val()).prop('readonly',true);
                    $('#shipping_address').val($('#address').val()).prop('readonly',true);
                    $('#shipping_country_id').val($('#country_id').val()).prop('readonly',true);
                    $('#shipping_city').val($('#city').val()).prop('readonly',true);
                    $('#shipping_state').val($('#state').val()).prop('readonly',true);
                    $('#shipping_zip').val($('#zip').val()).prop('readonly',true);
                    $('#shipping_email').val($('#email').val()).prop('readonly',true);
                    $('#shipping_phone').val($('#phone').val()).prop('readonly',true);
                    
                }else{
                    $('#shipping_first_name').val('').prop('readonly',false);
                    $('#shipping_last_name').val('').prop('readonly',false);
                    $('#shipping_address').val('').prop('readonly',false);
                    $('#shipping_country_id').val('').prop('readonly',false);
                    $('#shipping_city').val('').prop('readonly',false);
                    $('#shipping_state').val('').prop('readonly',false);
                    $('#shipping_zip').val('').prop('readonly',false);
                    $('#shipping_email').val('').prop('readonly',false);
                    $('#shipping_phone').val('').prop('readonly',false);
                    
                }
            });
        })
    </script>

    @endsection