@extends('web.layout.master')

@section('content')
<style>
    a.hover {text-decoration: none;}
    a.hover:hover
    {
       text-decoration: underline;
       }
</style>
<div class="container " >


    <div class="row">
        <div class="col-sm-12">
            <div class=" mt-4 text-black  font-weight-bold">
                <label class="fs-1 mobile-fontsize18">Product Index</label>
            </div>


        </div>
    </div>
    <div class="mt-4">

            @foreach ($pin_url as $pin)
            <div class="row ">
                <div class="col-md-2">
                    {{ $pin->Code_ID }}
                </div>
                <div class="col-md-6 text-danger">
                    <a href="{{ url('/'.$pin->URL_Text.'-p/'.$pin->Code_ID.'.htm') }}" class="text-danger hover"> {{ str_replace('-',' ',$pin->URL_Text) }} </a>
                </div>
            </div>
            @endforeach
        </div>
        <div class="mt-3">
            @for ($i=1;$i<$pin_url->lastPage();$i++)
                <a href="?page={{ $i }}" class="text-danger">{{ $i }}</a>
            @endfor
        </div>

    </div>
</div>
@endsection