@extends('Frontend.layout.main')



@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection


@section('content')
@include('Frontend.inc.banners')

<section class="keepfirst">
    <div class="container">
        <div class="row">
            <ul class="aboutul">

                <li>HOME</li> /
                <li><a href="">Your Wishlist</a></li>
            </ul>
        </div>
    </div>
</section>
<section class="seccart">
    <div class="container">
        <div class="row cart">
            <h1>Your Wishlist</h1>
          @if(count($products))

            <table class="table tablclas">
                <thead>

                    <tr>
                        <th>&nbsp;</th>
                        <th>PRODUCT</th>
                        <th>DESCRIPTION</th>
                        <th>&nbsp;</th>
                    </tr>
               
                </thead>
                <tbody>
                @foreach($products as $key => $product)

                @php
                       $media = url("/storage/products/no-image.jpg");
                          if($product->image() != null && file_exists(storage_path('app/public/products/'.$product->image()))):
                              $media = url("/storage/products/".$product->image());
                          endif;

                @endphp

                    <tr>
                        <td>{{$key + 1}}</td>
                        <td><img src="{{$media}}" alt="add-image"></td>
                        <td>
                            <h3>{{$product->title ?? ''}}</h3>
                            <p><span>PRODUCT CODE :</span> {{$product->code ?? ''}}</p>
                            <p><span>BRAND :</span>{{$product->brand->title ?? ''}}</p>
                            <p><span>SIZE : </span>{{$product->size ?? ''}}</p>
                        </td>

                        <td><a href="{{ url('/wish-list/remove/'.$product->id) }}"><i class="fa fa-window-close" aria-hidden="true"></i></a></td>
                    </tr>
                    <tr></tr>

                    @endforeach
                   
                </tbody>
            </table>
           
         @endif


        </div>
        @if(!count($products))

        <br>
             <p> Oops! Seems you have no products in your wishlist. Explore our offerings.</p>
         <br>
        @endif
        <div class="row">
            <div class="col-lg-6 pl-0">
                <a href="{{ url('/products/') }}" class="discover">Discover More</a>
            </div>
            <div class="col-lg-6 pr-0">
            @if(count($products))
                <a href="" class="empty" data-toggle="modal" data-target="#myModal"><i class="fa fa-envelope-o"
                        aria-hidden="true"></i> Send Enquiry </a>
                        <a href="{{ url('/wish-list/empty') }}" class="empty"><i
                           class="fa fa-shopping-cart"></i> Empty Cart</a>
            @endif
            </div>
        </div>

    </div>
</section>
<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">SEND ENQUIRY</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
            @if ($errors->any())
                <div class=”alert alert-danger”>
                    <ul class="error_color">
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                    </ul>
                </div>
              @endif

                <form method="post" action={{url('/product-enquiry')}}>
                    <div class="row contactweb">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="text" name="name"  value="{{old('name')}}" class="form-control" placeholder="Your Name" required >
                                @csrf
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="email" name="email"  value="{{old('email')}}" class="form-control" id="email" placeholder="Enter email"
                                    name="email" required>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="number" name="phone"  value="{{old('phone')}}" class="form-control" id="" placeholder="Phone Number"     onkeypress="if(this.value.length>16)  return false;" required >
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="text" name="country"  value="{{old('country')}}" class="form-control" placeholder="Country"
                                    id="exampleFormControlSelect1" required>
                                 
                            </div>
                        
                        </div>

                        <div class="col-lg-12">
                            <div class="form-group">
                                <textarea type="text" name="message" class="form-control" placeholder="Message " name="" required>{{old('message')}}</textarea>
                                <input type="text" name="type" value="wishlist" class="d-none"/>

                            </div>
                        </div>
                        <!-- <div class="col-lg-12">
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                        </div> -->
                        <div class="col-md-12">
                             <script src='https://www.google.com/recaptcha/api.js' type="text/javascript"></script>
                                   <div id="captchaerrNL" class="ErrorMessage display_cls"></div>
                                   <div class="g-recaptcha captcha " data-callback="imNotARobot" data-sitekey="{{config('settings.google_recaptcha_key')}}">
                             </div>
                        </div>
                        <div class="col-lg-12">
                            <!-- <p>&nbsp;</p> -->
                            <p>&nbsp;</p>
                        </div>                    
                            <div class="col-lg-12">
                            <button type="submit" class="btn btn-primary discover">Submit</button>
                            <button type="button" class="btn btn-secondary empty" data-dismiss="modal">Cancel</button>
                        </div>


                    </div>
                </form>.
            </div>

        </div>
    </div>
</div>
<!-- Modal body -->



@endsection

@section('script')


@if ($errors->any())
<script>
    
    $('#myModal').modal('show');

</script>

@endif

@endsection