@php $page = 'minings' @endphp
@extends('includes.layout')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Cloud Plan</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a>
            </li>
            <li class="breadcrumb-item active">Cloud Plans</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">Cloud Plan Lists</h3>
                        <div class="float-right btn-group">
                            <button data-toggle="modal" data-target="#newCloudPlan"
                                class="mb-5 btn btn-rounded btn-primary btn-sm text-end">
                                <i class="mr-5 fa fa-plus"></i>Add New Cloud Plan
                            </button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            @forelse ($cloud_plans as $item)
                            <div class="col-lg-4">
                                <div class="mb-4 box card-shadowed">
                                    <div class="text-center box-body">

                                        {{-- Miner Image --}}
                                        @if($item->image)
                                        <img src="{{ asset($item->image) }}" alt="{{ $item->name }}"
                                            class="mx-auto mb-3 rounded d-block"
                                            style="max-height:150px; max-width:150px; object-fit:contain;">
                                        @else
                                        <img src="{{ asset('default-miner.png') }}" alt="No image"
                                            class="mx-auto mb-3 rounded d-block"
                                            style="max-height:150px; max-width:150px; object-fit:contain;">
                                        @endif

                                        {{-- Status Badge --}}
                                        <span
                                            class="badge badge-{{ $item->status == 'available' ? 'success' : 'secondary' }}">
                                            {{ ucfirst($item->status) }}
                                        </span>

                                        @if($item->category)
                                        <p><strong>Category:</strong> {{ Str::ucfirst($item->category) }}</p>
                                        @endif
                                        <h4 class="mt-2 text-uppercase"><b>{{ $item->name }}</b></h4>
                                        <p><strong>Hashrate:</strong> {{ $item->hashrate }}</p>
                                        <p><strong>Power:</strong> {{ $item->power_consumption }} W</p>
                                        <p><strong>Duration :</strong> {{ $item->duration_days }} Day(s)</p>
                                        <p><strong>Service Fee:</strong> ${{ $item->service_fee }}</p>
                                        <p><strong>ROI:</strong> {{ $item->roi }}%</p>
                                        @if($item->hosting_fee)
                                        <p>
                                            <strong>Hosting Fee:</strong> ${{ number_format($item->hosting_fee, 2) }}
                                        </p>
                                        @endif
                                        @if($item->mining_output)
                                        <p>
                                            <strong>Mining Output:</strong> ${{ number_format($item->mining_output, 2)
                                            }}
                                        </p>
                                        @endif
                                        <p><strong>Contracts:</strong> {{ $item->contracts_count }}</p>
                                        @if($item->algorithm)
                                        <p><strong>Algorithm:</strong> {{ strtoupper($item->algorithm) }}</p>
                                        @endif
                                        @if($item->energy_efficiency)
                                        <p><strong>Energy Efficiency:</strong> {{
                                            Str::ucfirst($item->energy_efficiency) }}</p>
                                        @endif
                                        @if($item->operating_temperature)
                                        <p><strong>Operating Temperature:</strong> {{
                                            Str::ucfirst($item->operating_temperature) }}</p>
                                        @endif
                                        <div class="btn-group">
                                            {{-- Edit Miner --}}
                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                                data-target="#updateCloudPlan{{ $item->id }}">
                                                <i class="fa fa-edit"></i> Update
                                            </button>

                                            {{-- Delete Miner --}}
                                            <button type="button" class="btn btn-danger" data-toggle="modal"
                                                data-target="#deleteCloudPlan{{ $item->id }}">
                                                <i class="fa fa-trash"></i> Delete
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- Update Modal --}}
                            <div class="modal fade" id="updateCloudPlan{{ $item->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">Update Cloud Plan</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                        </div>
                                        <form action="{{ route('minings.cloud.update', $item->id) }}" method="POST"
                                            enctype="multipart/form-data">@csrf @method('put')
                                            <div class="modal-body row">
                                                <div class="col-lg-12 col-12">
                                                    <div class="form-group">
                                                        <label for="name">Cloud Name<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="name" id="name"
                                                                class="form-control" required value="{{ $item->name }}"
                                                                autofocus>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="category">Category <small
                                                                class="text-danger">*</small></label>
                                                        <select name="category" id="category" class="form-control"
                                                            required>
                                                            <option {{ $item->category == 'bitmain' ? 'selected' : ''
                                                                }} value="bitmain">Bitmain</option>
                                                            <option {{ $item->category == 'innosilicon' ? 'selected' :
                                                                '' }} value="innosilicon">Innosilicon</option>
                                                            <option {{ $item->category == 'whatsminer' ? 'selected' :
                                                                '' }} value="whatsminer">WhatsMiner</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="hashrate">Hashrate <span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="hashrate" id="hashrate"
                                                                class="form-control" value="{{ $item->hashrate }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="algorithm">Algorithm <span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="algorithm" id="algorithm"
                                                                class="form-control" placeholder="SHA"
                                                                value="{{ $item->algorithm }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="power_consumption">Power Consumption<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="power_consumption"
                                                                id="power_consumption" class="form-control"
                                                                placeholder="Power Consumption (Watts)" required
                                                                value="{{ $item->power_consumption }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="mining_output">Mining Output<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="mining_output" id="mining_output"
                                                                class="form-control" required
                                                                value="{{ $item->mining_output }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="hosting_fee">Hosting Fee<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="hosting_fee" id="hosting_fee"
                                                                class="form-control" value="{{ $item->hosting_fee }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="duration_days">Duration (Days)<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="duration_days" id="duration_days"
                                                                class="form-control" value="{{ $item->duration_days }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="service_fee">Service Fee<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="service_fee" id="service_fee"
                                                                class="form-control" value="{{ $item->service_fee }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="roi">Return On Investment <span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="roi" id="roi"
                                                                class="form-control" value="{{ $item->roi }}" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="energy_efficiency">Energy Efficiency<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="energy_efficiency"
                                                                id="energy_efficiency" class="form-control"
                                                                value="{{ $item->energy_efficiency }}" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-12">
                                                    <div class="form-group">
                                                        <label for="cloud_image">Cloud Image
                                                            <small>(optional)</small></label>
                                                        <div class="controls">
                                                            <input type="file" name="cloud_image" id="cloud_image"
                                                                class="form-control">
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-primary">Proceed</button>
                                            </div>
                                        </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>

                            {{-- Delete Confirmation Modal --}}
                            <div class="modal fade" id="deleteCloudPlan{{ $item->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">Confirm Delete</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                        </div>
                                        <div class="modal-body">
                                            <h4>
                                                Are you sure want to delete this <strong>{{ $item->name }}</strong> {{
                                                $item->hashrate }}TH/s
                                                miner?
                                            </h4>
                                            <p>This action is irreversible and linked contracts may be
                                                affectedd.&hellip;</p>
                                        </div>
                                        <div class="modal-footer d-flex justify-content-between">
                                            <form action="{{ route('minings.cloud.destroy', $item->id) }}" method="POST"
                                                class="d-inline">
                                                @csrf
                                                @method('delete')
                                                <button type="submit" class="btn btn-danger">Proceed</button>
                                            </form>
                                            <button type="button" class="btn btn-secondary"
                                                data-dismiss="modal">Cancel</button>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            @empty
                            <div class="text-center col-lg-12">
                                <p class="alert alert-warning">No cloud plan found</p>
                            </div>
                            @endforelse
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="modal fade" id="newCloudPlan">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add New Cloud Plan</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
            </div>
            <form action="{{ route('minings.cloud.store') }}" method="POST" enctype="multipart/form-data">@csrf
                <div class="modal-body row">
                    <div class="col-lg-12 col-12">
                        <div class="form-group">
                            <label for="name">Cloud Name<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="name" id="name" class="form-control" required
                                    placeholder="Cloud Name" autofocus>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="category">Category <small class="text-danger">*</small></label>
                            <select name="category" id="category" class="form-control" required>
                                <option value="bitmain">Bitmain</option>
                                <option value="innosilicon">Innosilicon</option>
                                <option value="whatsminer">WhatsMiner</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="hashrate">Hashrate <span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="hashrate" id="hashrate" class="form-control" placeholder="TH/s"
                                    required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="algorithm">Algorithm <span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="algorithm" id="algorithm" class="form-control"
                                    placeholder="SHA" value="SHA 256">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="power_consumption">Power Consumption<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="power_consumption" id="power_consumption" class="form-control"
                                    placeholder="Power Consumption (Watts)" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="mining_output">Mining Output<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="mining_output" id="mining_output" class="form-control"
                                    value="270" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="hosting_fee">Hosting Fee<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="hosting_fee" id="hosting_fee" class="form-control"
                                    value="210" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="duration_days">Duration (Days)<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="duration_days" id="duration_days" class="form-control"
                                    placeholder="Duration (Days)" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="service_fee">Service Fee<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="service_fee" id="service_fee" class="form-control"
                                    placeholder="Service Fee" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="roi">Return On Investment <span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="roi" id="roi" class="form-control" placeholder="ROI"
                                    required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="energy_efficiency">Energy Efficiency<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="energy_efficiency" id="energy_efficiency"
                                    class="form-control" value="15" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-12">
                        <div class="form-group">
                            <label for="cloud_image">Cloud Image <small>(optional)</small></label>
                            <div class="controls">
                                <input type="file" name="cloud_image" id="cloud_image" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Proceed</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

@endsection