@php $contractType = $item->cloud_plan ?? $item->miner; @endphp

<div class="mb-4 col-md-6 col-lg-4">
    <div class="border rounded shadow-sm card">
        <!-- Plan Image -->
        <div class="p-3 text-center border-bottom bg-light">
            @if($contractType->image)
            <img src="{{ asset('storage/'.$contractType->image) }}" alt="{{ $contractType->name }}"
                class="mx-auto mb-3 rounded d-block" style="max-height:180px; max-width:180px; object-fit:contain;">
            @else
            <img src="{{ asset('default-miner.png') }}" alt="No image" class="mx-auto mb-3 rounded d-block"
                style="max-height:180px; max-width:180px; object-fit:contain;">
            @endif
        </div>
        <!-- Contract Details -->
        <div class="card-body">
            <ul class="mb-3 list-group list-group-flush">
                <li class="list-group-item d-flex justify-content-between">
                    <span>Contract Type:</span>
                    <strong>
                        @if ($item->cloud_plan) Buy Cloud
                        @else
                        @if ($item->miner->type == 'rent') Rent Asic
                        @else Buy Asic
                        @endif
                        @endif
                    </strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Username:</span>
                    <strong> {{ $item->user->name ?? 'Deleted' }} </strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Useremail:</span>
                    <strong> {{$item->user->email ?? 'Deleted' }} </strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Asic Name:</span>
                    <strong>{{ $contractType->name }}</strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Status:</span>
                    <strong>{{ $item->status === 'active' ? 'Active' : 'Expired'}}</strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Hashrate :</span>
                    <strong>{{ $item->hashrate }} TH/s</strong>
                </li>
                @if ($item->start_date || $contractType->type != 'buy')
                <li class="list-group-item d-flex justify-content-between">
                    <span>Contract Period:</span>
                    <strong>{{ $item->start_date }} → {{ $item->end_date }}</strong>
                </li>
                <li class="list-group-item d-flex justify-content-between">
                    <span>Remaining Days:</span>
                    <strong>
                        {{
                        \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($item->end_date), false) > 0 ?
                        \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($item->end_date)) . ' days' :
                        'Expired'
                        }}
                    </strong>
                </li>
                @endif
                <li class="list-group-item d-flex justify-content-between">
                    <span>Amount Paid:</span>
                    <strong>${{ number_format($item->amount, 2) }}</strong>
                </li>
            </ul> <!-- Admin Actions -->
            <div class="d-flex justify-content-between">
                @if ($contractType->type != 'buy')
                <a href="{{ route('minings.contracts.show', $item->id) }}" class="btn btn-sm btn-success">
                    <i class="fa fa-bar-chart"></i> Earnings
                </a>
                @endif
                <button class="btn btn-sm btn-danger" data-toggle="modal" data-target="#deleteContract{{ $item->id }}">
                    <i class="fa fa-trash"></i> Delete
                </button>
            </div>
        </div>
    </div>
</div>

{{-- Delete Confirmation Modal --}}
<div class="modal fade" id="deleteContract{{ $item->id }}">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="text-white modal-header bg-danger">
                <h4 class="modal-title">Delete Contract</h4> <button type="button" class="text-white close"
                    data-dismiss="modal"> <span>&times;</span> </button>
            </div>
            <div class="modal-body">
                <p> Are you sure you want to delete contract for <strong>{{ $contractType->name }}</strong> ({{
                    $item->mining_power }} TH/s)? </p>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <form action="{{ route('minings.contracts.destroy', $item->id) }}" method="POST"> @csrf
                    @method('delete') <button type="submit" class="btn btn-danger">Delete</button> </form> <button
                    type="button" class="btn btn-secondary" data-dismiss="modal"> Cancel </button>
            </div>
        </div>
    </div>
</div>