@extends('Frontend.layout.main')

@section('content')

    <style>

.invalid{

    color: #dc3545;
    margin-top: .25rem;
    font-size: 80%;
}



</style>


@include('Frontend.inc.banners')
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="bannerTxt">
                            <!-- <h1 class="stretched text-white">About Us</h1> -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div id="shpCart"></div>
        <section class="moments-section py-5 mt-0 mt-md-3" data-aos="fade-up">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 mb-4">
                            <div class="panel-group" id="accordion">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class=panel-title>
                                            <label for='r12'>
                                                <input type='radio' id='r12' name='occupation' required /> Guest Login
                                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"></a>
                                            </label>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse   @if(session('error')) show @endif">
                                        <div class="panel-body pt-0">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <form method="get" action="{{url('/delivery-address/guest')}}" class="mt-1">
                                                        <div class="form-group">
                                                            <input type="email" name="email" class="form-control" placeholder="Your Email" value="" required/>
                                                            @if(session('error'))
                                                         <span class="invalid">{{session('error')}}</span>

                                                          @endif
                                                        </div>
                                                     

                                                        <!-- <div class="form-check mb-3">
                                                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
                                                            <label class="form-check-label" for="exampleCheck1">Sign up for style news and offers</label>
                                                        </div> -->

                                                        <div class="form-group">
                                                            <input type="submit"  class="btn btn-primary mr-3" value="Checkout as Guest" />
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <label for='r11'>
                                                <input type='radio' id='r11' name='occupation' value='Working' required /> Sign In
                                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"></a>
                                            </label>
                                        </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in  @if($errors->any()) show @endif">

                                        <div class="panel-body">
                                     <div class="row">

                                        @php

                                        if($errors->has('name') || $errors->has('Email') || $errors->has('Password') ){

                                            $signup_email = 1;

                                        }

                                        @endphp
                                     <div class="col-md-12 mx-auto">
                         <ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
                                  <li class="nav-item">
                                 <a class="nav-link @if(!isset($signup_email)) active @endif" id="loginUsr-tab" data-toggle="tab" href="#loginUsr" role="tab" aria-controls="loginUsr" aria-selected="true">Login</a>
                                  </li>
                               <li class="nav-item">
                                 <a class="nav-link @if(isset($signup_email)) active @endif" id="registerUsr-tab" data-toggle="tab" href="#registerUsr" role="tab" aria-controls="registerUsr" aria-selected="false">Register</a>
                              </li>
                          </ul>





                    <div class="tab-content" id="myTabContent">

                    <!-- Login Start -->

                        <div class="tab-pane fade show @if(!isset($signup_email)) active @endif  text-align form-new" id="loginUsr" role="tabpanel" aria-labelledby="loginUsr-tab">
                            <div class="row register-form">
                                <div class="col-md-12">

                                    <form method="post"  action="{{ route('login') }}" class="mt-4">
                                    @csrf

                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="Your Email" value="{{ app('request')->input('email') }}" value="{{ old('email') }}" required autocomplete="email" autofocus/>
                                       
                                                    @error('email')
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                        </div>


                                        <div class="form-group">
                                            <input type="password"  placeholder="Your Password" class="form-control @error('password') is-invalid @enderror" name="password" required  autocomplete="off"/>
                                                                                        
                                                @error('password')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                        </div>

                                        <div class="form-group login-btns">
                                            <input type="submit" name="logBtn" class="btn btn-primary mr-3 mb-3" value="Login" />
                                          
                                            <!-- <a href="ForgetPassword.php" class="btnForgetPwd" value="Login">Forgot Password?</a> -->
                                        </div>
                                    </form>

                                </div>
                            </div>
                        </div>


                        <!-- Login End -->
                        <!-- Register -->

                        <div class="tab-pane fade show @if(isset($signup_email)) active @endif text-align form-new" id="registerUsr" role="tabpanel" aria-labelledby="registerUsr-tab">
                            <div class="row register-form">
                                <div class="col-md-12">
                                    <form method="post"action="{{url('/register')}}"  class="row mt-4">
                                        <div class="form-group col-md-12">
                                            @csrf
                                            <input type="text" name="name"  maxlength="32"  class="form-control name" placeholder="First Name" value="{{ old('name') }}" required="" />
                                            @if ($errors->has('name'))
                                                <span class="invalid" role="alert">
                                                    <strong>{{ $errors->first('name') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                       
                                        <div class="form-group col-md-12">
                                            <input type="email" name="Email" class="form-control" placeholder="Your Email"  value="{{old('Email')}}" required="" />
                                            @if ($errors->has('Email'))
                                                <span class="invalid" role="alert">
                                                    <strong>{{ $errors->first('Email') }}</strong>
                                                </span>
                                             @endif
                                        </div>
                                        <div class="form-group col-md-12">
                                            <input type="password" name="Password" class="form-control" placeholder="Your Password" value="" required=""/>
                                            @if ($errors->has('Password'))
                                                <span class="invalid" role="alert">
                                                    <strong>{{ $errors->first('Password') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group col-md-12">
                                            <input type="password" name="Password_confirmation" class="form-control" placeholder="Confirm Your Password" value="" required=""/>
                                        </div>
                                        <div class="form-group col-md-12  login-btns">
                                            <input type="submit" name="logBtn" class="btn btn-primary mr-3 mb-3" value="Register" />
                                           
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <!-- Register End -->

                    </div>

                                                     
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                    </div>

                   


                    <div class="col-md-4">
                        <div class="sideBar">
                            <div class="row mb-4">
                                <div class="col-12">
                                    <h4 class="stretched text-uppercase text-default">Your Orders ({{count($products)}})</h4>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 px-4">



                        @php 
                        $subtotal =0;
                        @endphp


                        @foreach($products as $key => $product_id)
                        
                        
                        @php

                            $product = App\Http\Controllers\Frontend\CartController::getProduct($product_id);
                            $quantity= isset($quantities[$key])?$quantities[$key]:1;
                            $size_id = isset($sizes[$key])?$sizes[$key]:0;

                                if($size_id != 0){

                                    $price = App\Http\Controllers\Frontend\CartController::getPrice($size_id);
                                    $size =App\Http\Controllers\Frontend\CartController::getSize($size_id);
                                }
                                else{

                                    $price  = $product->price;
                                    $size  = $product->a_size;

                                }

                                $productAllSizes = App\Http\Controllers\Frontend\CartController::getAllSize($product_id)
                              @endphp

                                    <div class="row cart-table">
                                        <div class="col-md-12">
                                            <div class="d-flex">
                                                <div class="checkoutImg">
                                                    <img src="{{env('ASSET_URL')}}storage/products/{{$product->filename}}" class="img-fluid"  alt="add-image"/>
                                                </div>
                                                <div>
                                                    <h6>{{ $product->title}}</h6>
                                                    <p class="small">{{strip_tags(substr($product->long_description,0,75))}}</p>
                                                    <ul class="cartSpec">
                                                        <li>Qty : {{$quantity}}</li>
                                                        <li>Size: {{$size}}</li>
                                                    </ul>
                                                    <p>AED {{$price}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                        @php 
                                               $subtotal =$subtotal + ($quantity * $price);
                                        @endphp
                                                
                                  @endforeach

                                    <!-- <div class="row">
                                        <div class="col-12">
                                            <div class="input-group mb-2 mt-3">
                                                <input type="text" class="form-control" placeholder="Enter promo code">
                                                <div class="input-group-append">
                                                    <button class="btn btn-register btn-primary" type="button">Apply</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->

                                    <div class="row mb-1 mt-3">
                                        <div class="col-md-12 text-right">
                                            <!-- Sub Total : <span class="totPrice"> AED 205.00</span> <br> Shipping Charge : <span class="totPrice">AED 6.90</span><br> -->
                                             <b style="font-size:14px; color:#333"> Sub Total : <span class="totPrice">AED {{ $subtotal}}</span></b>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
        </section>


@endsection
@section('script')


<script>
            $('#r11').on('click', function() {
                $(this).parent().find('a').trigger('click')
            })

            $('#r12').on('click', function() {
                $(this).parent().find('a').trigger('click')
            })
</script>


@endsection