@extends('template.novitrades.layouts.base')

@section('title', __('Deposits'))

@section('css')

@endsection



@section('content')

<div class="page-content">
    <div class="container">
        <div class="row">
            <div class="main-content col-lg-12">
                <div class="card content-area content-area-mh">
                    <div class="card-innr">
                         <style>
     .template-box {
    background: #14013e;
    border-radius: 10px;
    position: relative;
    transition: all .5s ease;
}
.template-box .asset {
    border-radius: 10px;
    overflow: hidden;
}
.template-box .asset img {
    height: 306px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.template-box .details-container {
    padding: 12px;
}
.template-box .details-container h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.template-box .details-container a {
    font-size: 13px;
}

.template-box .details-container .size {
    font-size: 14px;
}
.template-box .details-container .size i {
    margin-right: 5px;
}
.template-box .details-container .price {
    font-size: 14px;
}
 </style>
                        <div class="card-head">
                            <h4 class="card-title">Nfts Collections
                            </h4>
                                                     @if(Session::has('sucmessage'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
  {{Session::get('sucmessage')}}
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
                        </div>
                        <div class="gaps-1x"></div>
                      <div data-v-f473fe10="">
    <div class="row" data-v-f473fe10="">
        @if(!empty($collections))
        @foreach($collections as $collection)
        <div class="col-6 col-md-4 col-lg-4 col-xl-4 d-lg-block" data-v-f473fe10="">
            <div class="template-box price-checked mb-4" data-template-id="79622"  data-v-f473fe10="">
                <div class="asset" >
                    <a href="{{secure_url('nftsdetails')}}/{{$collection->id}}" class="" >
                        <img src="{{secure_url('/')}}/template_files/images/nfts/{{$collection->pics_link}}" class="v-lazy-image v-lazy-image-loaded"  />
                        <!----><!---->
                    </a>
                </div>
                <div class="details-container" >
                    <h5 ><a href="{{secure_url('nftsdetails')}}/{{$collection->id}}" class="" style="text-transform:uppercase" >{{$collection->name}}</a></h5>
                    <a aria-current="page" href="{{secure_url('nftsdetails')}}/{{$collection->id}}" class="router-link-active router-link-exact-active" style="text-transform:uppercase">{{$collection->author}}</a>
                    <div class="d-flex justify-content-between mt-1" >
                        <span class="size" ><i class="fas fa-layer-group" ></i>Size: 1</span>
                        <span class="price" >
                            <span >{{$collection->price}} ETH</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
        @endif
    </div>
</div>
                       
                    </div>
                    
                 
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('scripts')


@endsection