@extends('../../master_layout/admin_master')

@section('title')
<title>{{config('constants.APP_NAME')}} Auctions</title>
@endsection


@section('content')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Auctions - @if(isset($city) && !empty($city)) {{$city->city_name}} @endif {{$country->country_name}}</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.country.list')}}" target="">Countries</a></li>
                        @if(isset($city) && !empty($city))
                        <li class="breadcrumb-item"><a href="{{ route('admin.city.list',['country' => $city->country_id])}}" target="">Cities</a></li>
                        @endif
                        <li class="breadcrumb-item active"> Auctions</li>
                    </ol>
                </div>

                <div class="col-sm-12">
                    <ol class="breadcrumb float-sm-right">
                        <li class=""><a class="btn btn-primary btn-sm" href="{{ route('admin.auction.add', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" target="">Add Auction SPOT Manual</a></li>
                        <li class="ml-2"><a class="btn btn-primary btn-sm" href="{{ route('admin.auction.auto_auction_settings', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" target="">Auto generate Auction</a></li>
                    </ol>
                </div>

                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <!-- Main content -->

    <section class="content">
        <div class="container-fluid">

            <div class="row mb-3">
                @if(isset($auction_summary) && count($auction_summary) > 0)
                    @foreach($auction_summary as $auction)
                    <div class="col-3 ">
                        <div class="card h-100" >
                            <div class="bg-dark text-center border border-bottom-1" style="height:100px;">
                                <h1>SPOT #{{$auction->spot}}</h1> @if(isset($auction->auto_auction) && $auction->auto_auction == 1)<span class="badge bg-warning">Auto</span>@endif
                            </div>
                            <div class="card-body bg-dark p-2">
                                
                                <div class="card-text bg-success p-1 rounded mb-2">
                                    <b>Active Auction</b> - 
                                    @if(isset($auction->auction_active) && count($auction->auction_active) > 0)
                                    <div class="mb-2 text-sm">
                                        @foreach($auction->auction_active as $auction_auction_active)
                                            <p>Bid Date: 
                                                <br>{{ date('d/m/Y H:i', strtotime($auction_auction_active->bid_startdate))}} to {{ date('d/m/Y H:i', strtotime($auction_auction_active->bid_enddate))}}
                                                @if($auction_auction_active->advertiser_id > 0)
                                                <br>Latest Bid: <span class="text-warning">{{ $auction_auction_active->bid_price }}</span> from Advertiser <a href="{{ route('admin.profile.detail', ['profile' => $auction_auction_active->advertiser_id]) }}" class="text-warning">{{ $auction_auction_active->display_name }}</a>
                                                @endif
                                                <br>
                                                <a href="{{ route('admin.auction.bids', ['auction' => $auction_auction_active->auction_id]) }}" class="btn btn-warning">Bids</a>
                                            </p>
                                        @endforeach
                                    </div>
                                    <!--<a href="{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" class="btn btn-primary btn-sm">List Active Auctions</a>-->
                                    @endif                                    
                                </div>

                                <div class="card-text bg-warning p-1 rounded mb-2">
                                    <b>Next Auction</b> - 
                                    @if(isset($auction->auction_future) && count($auction->auction_future) > 0)
                                    <div class="mb-2 text-sm">
                                        @foreach($auction->auction_future as $auction_auction_future)
                                            <p>Bid Date: 
                                                <br>{{ date('d/m/Y H:i', strtotime($auction_auction_future->bid_startdate))}} - {{ date('d/m/Y H:i', strtotime($auction_auction_future->bid_enddate))}}
                                                
                                            </p>
                                        @endforeach
                                    </div>
                                    <!--<a href="{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0])}}" class="btn btn-warning btn-sm">List Future Auctions</a>-->
                                    @else
                                    NA
                                    @endif

                                </div>

                                <div class="card-text bg-info p-1 rounded mb-2">
                                    <h5>Total Auctions - {{$auction->total_auctions}}</h5>
                                    <a href="{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0, 'spot' => $auction->spot])}}" class="btn btn-primary btn-sm">List Auctions for SPOT #{{$auction->spot}}</a>
                                </div>
                                
                                
                            </div>
                        </div> 
                    </div>
                    @endforeach 
                @endif
                
                
            </div>

            <div class="row">
                <div class="col-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <div class="card">
                        <div class="card-body table-responsive" style="overflow-x: auto">
                            <table id="auctionTable" class="table table-bordered table-striped tab table-sm text-sm">
                                <thead>
                                    <tr>
                                        <th width="5%">SPOT</th>
                                        <th>Bid Start</th>
                                        <th>Bid End</th>
                                        <th>Listing Days</th>
                                        <th>Start Price</th>
                                        <th>Latest Bid (Price)</th>
                                        <th>Total Bids</th>
                                        <th>Auction status</th>

                                        <th width="5%">Status</th>
                                        <th width="20%">Action</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

@endsection

@section('custom_js')


<script type="text/javascript">
    $(function() {

        $('#auctionTable').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            pageLength: 25,
            "order": [[ 1, "desc" ], [ 2, "desc" ]],
            autoWidth: false,
            ajax: "{{ route('admin.auction.list', ['country' => $country->country_id, 'city' => isset($city->city_id)?$city->city_id:0, 'spot' => isset($search_spot)?$search_spot:'']) }}",

            columns: [{
                    data: 'spot',
                    name: 'spot'
                },
                {
                    data: 'bid_startdate',
                    type: 'num',
                    render: {
                        _: 'display',
                        sort: 'timestamp'
                    }
                },
                {
                    data: 'bid_enddate',
                    type: 'num',
                    render: {
                        _: 'display',
                        sort: 'timestamp'
                    }
                },
                {
                    data: 'display_duration',
                    name: 'display_duration'
                },
                {
                    data: 'auction_start_price',
                    name: 'auction_start_price'
                },
                {
                    data: 'bid_price',
                    name: 'bid_price'
                },
                {
                    data: 'total_bids',
                    name: 'total_bids'
                },
                {
                    data: 'auction_status',
                    name: 'auction_status'
                },
                {
                    data: 'blocked',
                    name: 'blocked'
                },

                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false,

                },
            ],

        });


    });
</script>
@endsection