@extends('layouts.app')
@section('content')
    <div class="main__container">
        <div class="header__">
            <div class="left__">
                <h2>Master Contracts</h2>
                <p>You’ve made {{ $masterContractsThisMonth }} master contracts this month</p>
            </div>
            <div class="right__">
                <div class="search-box">
                    <form action="{{ route('contract.show') }}" method="GET">

                        <input type="text" class="search-input2" name="contract_id" placeholder="Search By Contract Id...">
                        <button type="submit" class="search-button">
                        </button>

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

        </div>
        <div class="grid__stats">
            <div class="elem">
                <div class="title">
                    <h6>Total Master Contracts</h6>
                </div>
                <div class="content__">
                    <h6>{{ $contracts->count() }} Contract(s)</h6>
                    <!--
                    <p><span class="{{ $percentageContractDifference >= 0 ? 'up' : 'down' }}">
                <img src="{{ asset($percentageContractDifference >= 0 ? 'img/uparrow.svg' : 'img/arrowdown.svg') }}" alt="arrow">
                                @if($percentageContractDifference == 0)
                                <span>N/A</span>
                            @else
                                {{ number_format($percentageContractDifference, 2) }}%
                            @endif
            </span> vs last 30 days</p>
            -->
                </div>
            </div>
            <div class="elem">
                <div class="title">
                    <h6>Total Master Value</h6>
                </div>
                <div class="content__">
                    <h6>{{ number_format($totalMasterValue, 2) }} USD</h6>
                    <!--
                    <p><span class="{{ $percentageMasterValueDifference >= 0 ? 'up' : 'down' }}">
                <img src="{{ asset($percentageMasterValueDifference >= 0 ? 'img/uparrow.svg' : 'img/arrowdown.svg') }}" alt="arrow">
                            @if($percentageMasterValueDifference == 0)
                                <span>N/A</span>
                            @else
                                {{ number_format($percentageMasterValueDifference, 2) }}%
                            @endif
            </span> vs last 30 days</p>
            -->
                </div>
            </div>

            <div class="elem">
                <div class="title">
                    <h6>Active Master Contracts</h6>
                </div>
                <div class="content__">
                    <h6>{{ $activeMasterContracts }} Contract(s)</h6>
                    <!--
                    <p><span class="{{ $percentageActiveContractDifference >= 0 ? 'up' : 'down' }}">
                <img src="{{ asset($percentageActiveContractDifference >= 0 ? 'img/uparrow.svg' : 'img/arrowdown.svg') }}" alt="arrow">
                             @if($percentageActiveContractDifference == 0)
                                <span>N/A</span>
                            @else
                                {{ number_format($percentageActiveContractDifference, 2) }}%
                            @endif
            </span> vs last 30 days</p>
            -->
                </div>
            </div>
        </div>
        <div class="table__wrapper">
            <table class="regular-table">
                <tr>
                    <th>Contract ID</th>
                    <th class="center">Product</th>
                    <th class="center">No. of Contract's'</th>
                    <th class="center">Volume</th>
                    <th class="center">AVG Price</th>
                    <th class="center">Value</th>
                    <th class="center">Supplier</th>
                    <th class="center">Status</th>
                    <th class="center"></th>
                </tr>
                @foreach ($contracts as $contract)
                    <tr style="cursor: pointer" onclick="window.location='{{ route('contract.master', $contract->rfq_id) }}'">
                        <td class="center">
                            <div class="double">
                                <p>{{ $contract->contract_id }}</p>
                                <span>RFQ: {{ $contract->rfq->ref_id }}</span>
                            </div>
                        </td>
                        <td class="center">
                            <p class="semibold">{{ $contract->rfq->defaultProduct->name }}</p>
                        </td>
                        <td class="center">
                            <p class="medium">{{ $contract->contract_count }}</p>
                        </td>
                        <td class="center">
                            <p class="medium">{{number_format( $contract->volume_kg,2) }}  {{$contract->unit}}</p>
                        </td>
                        <td>
                            <p class="medium">{{ number_format($contract->avg_price,2) }}  {{$contract->currency}}</p>
                        </td>
                        <td class="center">
                            <p class="medium">{{ number_format($contract->master_total_price, 2) }}  {{$contract->currency}}</p>
                        </td>
                        <td class="center">
                            <a href="{{ route('supplier.show', ['id' => $contract->seller->id]) }}">
                                <p class="supplier">{{ $contract->seller->company->name }}.</p>
                            </a>
                        </td>
                        <td class="center">
                            @if ($contract->status == 0)
                                <p class="status active">
                                    <span class="dot"></span> Active
                                </p>
                            @elseif($contract->status == 1)
                                <p class="status  paused">
                                    <span class="dot"></span> Paused
                                </p>
                            @elseif($contract->status == 2)
                                <p class="status  canceled">
                                    <span class="dot"></span> Canceled
                                </p>
                            @elseif($contract->status == 3)
                                <p class="status  completed">
                                    <span class="dot"></span> Completed
                                </p>
                            @endif
                        </td>
                        <td class="center">
                            <div class="action__button">
                                <a href="#"><img src="{{ asset('img/dots.svg') }}" alt="dots"></a>
                            </div>
                        </td>
                    </tr>
                @endforeach

            </table>
        </div>
    </div>
@endsection