@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>{{ Str::ucfirst($type) }} ASIC Miners</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">{{ Str::ucfirst($type) }} ASIC Miners</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">{{ Str::ucfirst($type) }} ASIC Miners Lists</h3>
                        <div class="float-right btn-group">
                            <button data-toggle="modal" data-target="#newMiner"
                                class="mb-5 btn btn-rounded btn-primary btn-sm text-end">
                                <i class="mr-5 fa fa-plus"></i>Add New {{ Str::ucfirst($type) }} Miner
                            </button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            @forelse ($miners as $miner)
                            <div class="col-lg-4">
                                <div class="mb-4 box card-shadowed">
                                    <div class="text-center box-body">

                                        {{-- Miner Image --}}
                                        @if($miner->image)
                                        <img src="{{ asset('storage/'.$miner->image) }}" alt="{{ $miner->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-{{ $miner->status == 'available' ? 'success' : 'secondary' }}">
                                            {{ ucfirst($miner->status) }}
                                        </span>

                                        <h4 class="mt-2 text-uppercase"><b>{{ $miner->name }}</b></h4>

                                        @if($miner->tag)
                                        <p><strong>Tag:</strong> {{ strtoupper($miner->tag) }}</p>
                                        @endif
                                        @if($miner->category)
                                        <p><strong>Category:</strong> {{ Str::ucfirst($miner->category) }}</p>
                                        @endif
                                        <p><strong>Hashrate:</strong> {{ $miner->hashrate }}</p>
                                        <p><strong>Power:</strong> {{ $miner->power_consumption }} W</p>
                                        <p><strong>Price:</strong> ${{ number_format($miner->price, 2) }}</p>
                                        <p><strong>Contracts:</strong> {{ $miner->contracts_count }}</p>
                                        @if($miner->algorithm)
                                        <p><strong>Algorithm:</strong> {{ strtoupper($miner->algorithm) }}</p>
                                        @endif
                                        @if($miner->installation_fee)
                                        <p><strong>Installation Fee:</strong> ${{
                                            number_format($miner->installation_fee, 2) }}</p>
                                        @endif
                                        @if($miner->hosting_fee)
                                        <p><strong>Hosting Fee:</strong> ${{ number_format($miner->hosting_fee, 2) }}
                                        </p>
                                        @endif
                                        @if($miner->mining_output)
                                        <p><strong>Mining Output:</strong> ${{ number_format($miner->mining_output, 2)
                                            }}
                                        </p>
                                        @endif
                                        @if($miner->noise)
                                        <p><strong>Noise:</strong> {{ Str::ucfirst($miner->noise) }}</p>
                                        @endif
                                        @if($miner->energy_efficiency)
                                        <p><strong>Energy Efficiency:</strong> {{
                                            Str::ucfirst($miner->energy_efficiency) }}</p>
                                        @endif
                                        @if($miner->operating_temperature)
                                        <p><strong>Operating Temperature:</strong> {{
                                            Str::ucfirst($miner->operating_temperature) }}</p>
                                        @endif
                                        @if($miner->connection_type)
                                        <p><strong>Connection Type:</strong> {{
                                            Str::ucfirst($miner->connection_type) }}</p>
                                        @endif
                                        @if($miner->description)
                                        <p class="text-muted">{{ Str::limit($miner->description, 80) }}</p>
                                        @endif

                                        <div class="btn-group">
                                            {{-- Edit Miner --}}
                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                                data-target="#updateMiner{{ $miner->id }}">
                                                <i class="fa fa-edit"></i> Update
                                            </button>

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

                            {{-- Update Modal --}}
                            <div class="modal fade" id="updateMiner{{ $miner->id }}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h4 class="modal-title">Update {{ Str::ucfirst($type) }} ASIC Miner</h4>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                        </div>
                                        <form action="{{ route('minings.miners.update', $miner->id) }}" method="POST"
                                            enctype="multipart/form-data">@csrf
                                            @method('put')
                                            <div class="modal-body row">
                                                <input type="hidden" name="type" class="form-control" required
                                                    value="{{ $type }}">
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="category">Asic Category <small
                                                                class="text-danger">*</small></label>
                                                        <select name="category" id="category" class="form-control"
                                                            required>
                                                            <option {{ $miner->category == 'bitmain' ? 'selected' : ''
                                                                }} value="bitmain">Bitmain</option>
                                                            <option {{ $miner->category == 'innosilicon' ? 'selected' :
                                                                '' }} value="innosilicon">Innosilicon</option>
                                                            <option {{ $miner->category == 'whatsminer' ? 'selected' :
                                                                '' }} value="whatsminer">WhatsMiner</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="name">Asic Name<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="name" id="name"
                                                                class="form-control" required placeholder="Asic Name"
                                                                autofocus value="{{ $miner->name }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="price">Asic Price<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="price" id="price"
                                                                class="form-control" placeholder="Asic Price" required
                                                                value="{{ $miner->price }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="tag">Asic Condition
                                                            <small>(optional)</small></label>
                                                        <select name="tag" id="tag" class="form-control">
                                                            <option value="">None</option>
                                                            <option {{ $miner->tag == 'new' ? 'selected' : ''
                                                                }} value="new">New</option>
                                                            <option {{ $miner->tag == 'hot' ? 'selected' : ''
                                                                }} value="hot">Hot Deal</option>
                                                            <option {{ $miner->tag == 'best' ? 'selected' : ''
                                                                }} value="best">Best Seller</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
                                                                value="{{ $miner->hashrate }}">
                                                        </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="{{ $miner->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="{{ $miner->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="{{ $miner->mining_output }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                @if ($type === 'buy')
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="installation_fee">Installation Fee<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="installation_fee"
                                                                id="installation_fee" class="form-control"
                                                                value="{{ $miner->installation_fee }}" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <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="{{ $miner->hosting_fee }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if ($type === 'buy')
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="noise">Noise<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="noise" id="noise"
                                                                class="form-control" value="{{ $miner->noise }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="operating_temperature">Operating Temperature<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="operating_temperature"
                                                                id="operating_temperature" class="form-control"
                                                                value="{{ $miner->operating_temperature }}" 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="{{ $miner->energy_efficiency }}" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="connection_type">Connection Type<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="text" name="connection_type"
                                                                id="connection_type" class="form-control"
                                                                value="{{ $miner->connection_type }}" required>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                @if ($type === 'rent')
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="rental_period">Rental Period <span
                                                                class="text-danger">*</span></label>
                                                        <select name="rental_period" id="rental_period"
                                                            class="form-control" required>
                                                            <option {{ $miner->rental_period == 'monthly' ? 'selected' :
                                                                ''
                                                                }} value="monthly">Monthly</option>
                                                            <option {{ $miner->rental_period == 'daily' ? 'selected' :
                                                                ''
                                                                }} value="daily">Daily</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="duration">Duration<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="duration" id="duration"
                                                                class="form-control" placeholder="Duration" required
                                                                value="{{ $miner->duration }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif

                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="description">Description
                                                            <small>(optional)</small></label>
                                                        <div class="controls">
                                                            <input type="text" name="description" id="description"
                                                                class="form-control"
                                                                placeholder="For maximum mining power"
                                                                value="{{ $miner->description }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-12 col-12">
                                                    <div class="form-group">
                                                        <label for="miner_image">Miner Image
                                                            <small>(optional)</small></label>
                                                        <div class="controls">
                                                            <input type="file" name="miner_image" id="miner_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="deleteMiner{{ $miner->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>{{ $miner->name }}</strong> {{
                                                $miner->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.miners.destroy', $miner->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 miners found</p>
                            </div>
                            @endforelse
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="modal fade" id="newMiner">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add New {{ Str::ucfirst($type) }} ASIC Miner</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
            </div>
            <form action="{{ route('minings.miners.store') }}" method="POST" enctype="multipart/form-data">@csrf
                <div class="modal-body row">
                    <input type="hidden" name="type" class="form-control" required value="{{ $type }}">
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="category">Asic 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="name">Asic Name<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="name" id="name" class="form-control" required
                                    placeholder="Asic Name" autofocus>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="price">Asic Price<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="price" id="price" class="form-control"
                                    placeholder="Asic Price" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="tag">Asic Condition <small>(optional)</small></label>
                            <select name="tag" id="tag" class="form-control">
                                <option value="">None</option>
                                <option value="new">New</option>
                                <option value="hot">Hot Deal</option>
                                <option value="best">Best Seller</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>

                    @if ($type === 'buy')
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="installation_fee">Installation Fee<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="installation_fee" id="installation_fee" class="form-control"
                                    value="650" required>
                            </div>
                        </div>
                    </div>
                    @endif
                    <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>
                    @if ($type === 'buy')
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="noise">Noise<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="noise" id="noise" class="form-control" value="75" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="operating_temperature">Operating Temperature<span
                                    class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="operating_temperature" id="operating_temperature"
                                    class="form-control" value="-20 to 40" 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-6 col-12">
                        <div class="form-group">
                            <label for="connection_type">Connection Type<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="text" name="connection_type" id="connection_type" class="form-control"
                                    value="Ethernet" required>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if ($type === 'rent')
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="rental_period">Rental Period <span class="text-danger">*</span></label>
                            <select name="rental_period" id="rental_period" class="form-control" required>
                                <option value="monthly">Monthly</option>
                                <option value="daily">Daily</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="duration">Duration<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="duration" id="duration" class="form-control"
                                    placeholder="Duration" required>
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="description">Description <small>(optional)</small></label>
                            <div class="controls">
                                <input type="text" name="description" id="description" class="form-control"
                                    placeholder="For maximum mining power">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12 col-12">
                        <div class="form-group">
                            <label for="miner_image">Miner Image <small>(optional)</small></label>
                            <div class="controls">
                                <input type="file" name="miner_image" id="miner_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