@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>Promo</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">Promo</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">Promo Lists</h3>
                        <div class="float-right btn-group">
                            <button data-toggle="modal" data-target="#newPromo"
                                class="mb-5 btn btn-rounded btn-primary btn-sm text-end">
                                <i class="mr-5 fa fa-plus"></i>Add New Promo
                            </button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            @forelse ($asic_promos as $promo)
                            <div class="col-lg-6">
                                <div class="mb-4 card card-shadowed overflow-hidden">
                                    <div class="row no-gutters">
                                        {{-- Left Side: Promo Image --}}
                                        <div class="col-md-6">
                                            @if($promo->promo_image)
                                            <img src="{{ asset($promo->promo_image) }}" alt="{{ $promo->asic_id }}"
                                                class="h-100 object-fit-cover">
                                            @else
                                            <img src="{{ asset('default-miner.png') }}" alt="No image"
                                                class="w-100 h-100 object-fit-cover">
                                            @endif
                                        </div>

                                        {{-- Right Side: Promo Details --}}
                                        <div class="col-md-6 d-flex flex-column justify-content-center p-3">
                                            <h5 class="text-uppercase mb-3">
                                                Asic: <b>{{ $promo->asic->name }} </b>
                                                <small>({{ $promo->status }})</small>
                                            </h5>

                                            <div class="row">
                                                <div class="col-6">
                                                    <p><strong>Start:</strong> {{ $promo->start_date }}</p>
                                                    <p><strong>Type:</strong> {{ $promo->discount_type }}</p>
                                                </div>
                                                <div class="col-6">
                                                    <p><strong>End:</strong> {{ $promo->end_date }}</p>
                                                    <p><strong>Value:</strong> {{ $promo->discount_value }}</p>
                                                </div>
                                            </div>

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

                                                {{-- Delete Miner --}}
                                                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                                                    data-target="#deleteAsicPromo{{ $promo->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Update Modal --}}
                            <div class="modal fade" id="updateAsicPromo{{ $promo->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.promo.update', $promo->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="asic_id">ASICs Miner <small
                                                                class="text-danger">*</small></label>
                                                        <select name="asic_id" id="asic_id" class="form-control"
                                                            required>
                                                            @forelse ($asics as $item)
                                                            <option {{ $promo->asic_id == $item->id ? 'selected' : ''
                                                                }} value="{{ $item->id }}">
                                                                {{ $promo->asic->name }} {{ $promo->asic->hashrate
                                                                }}TH/s
                                                            </option>
                                                            @empty
                                                            <option value="">No Asic Miner</option>
                                                            @endforelse
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="discount_type">Discount Type <small
                                                                class="text-danger">*</small></label>
                                                        <select name="discount_type" id="discount_type"
                                                            class="form-control" required>
                                                            <option {{ $promo->discount_type == 'percentage' ?
                                                                'selected'
                                                                : ''
                                                                }} value="percentage">Percentage</option>
                                                            <option {{ $promo->discount_type == 'flat' ? 'selected' : ''
                                                                }} value="flat">Flat</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="discount_value">Discount Value<span
                                                                class="text-danger">*</span></label>
                                                        <div class="controls">
                                                            <input type="number" name="discount_value"
                                                                id="discount_value" class="form-control"
                                                                value="{{ $promo->discount_value }}" required>
                                                        </div>
                                                    </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" value="{{ $promo->duration }}"
                                                                required>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-12">
                                                    <div class="form-group">
                                                        <label for="status">Status<span
                                                                class="text-danger">*</span></label>
                                                        <select name="status" id="status" class="form-control" required>
                                                            <option {{ $promo->status == 'active' ? 'selected' : ''
                                                                }} value="active">Active</option>
                                                            <option {{ $promo->status == 'inactive' ? 'selected' : ''
                                                                }} value="inactive">Inactive</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-12">
                                                    <div class="form-group">
                                                        <label for="promo_image">Promo Image</label>
                                                        <div class="controls">
                                                            <input type="file" name="promo_image" id="promo_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="deleteAsicPromo{{ $promo->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>{{ optional($promo->asic)->name
                                                    }}</strong> {{
                                                optional($promo->asic)->hashrate }}TH/s
                                                promo?
                                            </h4>
                                        </div>
                                        <div class="modal-footer d-flex justify-content-between">
                                            <form action="{{ route('minings.promo.destroy', $promo->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 asic promo found</p>
                            </div>
                            @endforelse
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="modal fade" id="newPromo">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add New ASICs Promo</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
            </div>
            <form action="{{ route('minings.promo.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="asic_id">ASICs Miner <small class="text-danger">*</small></label>
                            <select name="asic_id" id="asic_id" class="form-control" required>
                                @forelse ($asics as $item)
                                <option value="{{ $item->id }}">
                                    {{ $item->name }} {{ $item->hashrate }}TH/s
                                </option>
                                @empty
                                <option value="">No Asic Miner</option>
                                @endforelse
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="discount_type">Discount Type <small class="text-danger">*</small></label>
                            <select name="discount_type" id="discount_type" class="form-control" required>
                                <option value="percentage">Percentage</option>
                                <option value="flat">Flat</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="discount_value">Discount Value<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="number" name="discount_value" id="discount_value" class="form-control"
                                    placeholder="Discount Value" required>
                            </div>
                        </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>
                    <div class="col-lg-6 col-12">
                        <div class="form-group">
                            <label for="status">Status<span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-control" required>
                                <option value="active">Active</option>
                                <option value="inactive">Inactive</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-12 col-12">
                        <div class="form-group">
                            <label for="promo_image">Promo Image<span class="text-danger">*</span></label>
                            <div class="controls">
                                <input type="file" name="promo_image" id="promo_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