@extends('layouts.backend.app')

@isset($offer)
    @section('title', 'Update Offer')
@else
@section('title', 'Create Offer')
@endisset

@push('css')
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
    href="https://fonts.googleapis.com/css2?family=Inconsolata&family=Roboto+Slab&family=Slabo+27px&family=Sofia&family=Ubuntu+Mono&display=swap"
    rel="stylesheet">
<style>
    .select2-selection__arrow {
        display: none;
    }
</style>
@endpush

@section('content')
<div class="content-header row">
    <div class="content-header-left col-md-9 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">
                <h2 class="content-header-title float-start mb-0">Dashboard</h2>
                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">

                        <li class="breadcrumb-item">
                            <a href="{{ route('affiliate.dashboard') }}">
                                Dashboard
                            </a>
                        </li>
                        <li class="breadcrumb-item">
                            Asad Ali
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Basic Vertical form layout section start -->
<section id="basic-vertical-layouts">
    <div class="row match-height">
        <div class="col-md-12 col-12">
            <form action="{{ isset($offer) ? route('admin.offer.update', $offer) : route('admin.offer.store') }}"
                method="post" enctype="multipart/form-data">
                @csrf
                @isset($offer)
                    @method('PUT')
                @endisset
                <div class="row">
                    <div class="col-md-12">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <div>
                                    Offer Info
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="mb-1">
                                    <label for="name" class="required">Name</label>
                                    <input type="text" name="name"
                                        class="form-control @error('name') is-invalid  @enderror"
                                        placeholder="Enter name" value="{{ $offer->name ?? old('name') }}">
                                    @error('name')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="mb-1">
                                    <label for="description" class="form-label required">Description</label>
                                    @include('admin.includes.editor', [
                                        'description' => $offer->description ?? '',
                                    ])
                                    <textarea name="description" style="display:none" id="hiddenArea"></textarea>
                                    @error('description')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="mb-1">
                                    <label for="preview_link" class="">Preview Link</label>
                                    <input type="text" name="preview_link"
                                        class="form-control @error('preview_link') is-invalid  @enderror"
                                        placeholder="Offer preview link"
                                        value="{{ $offer->preview_link ?? old('preview_link') }}">
                                    @error('preview_link')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="mb-1">
                                    <label for="preview_link" class="required">Offer Link</label>
                                    <input type="text" name="offer_link"
                                        class="form-control @error('offer_link') is-invalid @enderror"
                                        placeholder="Offer link" value="{{ $offer->offer_link ?? old('offer_link') }}"
                                        required>
                                    @error('offer_link')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="mb-1">
                                    <label for="advertiser" class="required">Advertiser</label>
                                    <select name="advertiser_id" class="form-control select2" id="advertiser_id">
                                        <option value="">Select Advertiser</option>
                                        @foreach ($advertisers as $advertiser)
                                            <option value="{{ $advertiser->id }}"
                                                @isset($offer) {{ $offer->advertiser_id == $advertiser->id ? 'selected' : '' }} @endisset>
                                                {{ $advertiser->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="category" class="required">Category</label>
                                    <select name="category_id" class="form-control select2" id="category_id">
                                        <option value="">Select Category</option>
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}"
                                                @isset($offer) {{ $offer->category_id == $category->id ? 'selected' : '' }} @endisset>
                                                {{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="alt_offer_id" class="">Select Alternative Offer</label>
                                    <select class="form-control select2" name="alt_offer_id" id="alt_offer_id">
                                        <option value="">Select Offer</option>
                                        @foreach ($alt_offers as $altoffer)
                                            <option value="{{ $altoffer->id }}"
                                                @isset($offer) {{ $offer->alt_offer_id == $altoffer->id ? 'selected' : '' }} @endisset>
                                                {{ $altoffer->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="expiration_date" class="">Expiration Date</label>
                                    <input type="date" name="expiration_date"
                                        class="form-control @error('expiration_date') is-invalid @enderror"
                                        value="{{ $offer->expiration_date ?? old('expiration_date') }}">
                                    @error('expiration_date')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <div>
                                    Offer Info
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="mb-1">
                                    <label for="payout_type" class="required">Payout Type</label>
                                    <select class="form-control select2" name="payout_type" id="payout_type">
                                        <option value="Fixed"
                                            @isset($offer) {{ $offer->payout_type == 'Fixed' ? 'selected' : '' }} @endisset>
                                            Fixed</option>
                                        <option value="RevenueShare"
                                            @isset($offer) {{ $offer->payout_type == 'RevenueShare' ? 'selected' : '' }} @endisset>
                                            RevenueShare</option>
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="revenue" class="required">Revenue</label>
                                    <input type="number" name="revenue" class="form-control" id="revenue"
                                        placeholder="Enter revenue" value="{{ $offer->revenue ?? old('revenue') }}">
                                </div>
                                <div class="mb-1">
                                    <label for="payout" class="required">Payout</label>
                                    <input type="number" name="payout" class="form-control" id="payout"
                                        placeholder="Enter payout" value="{{ $offer->payout ?? old('payout') }}">
                                </div>
                                <div class="mb-1">
                                    <label for="country_id" class="">Country</label>
                                    <select class="form-control select2" name="country_id[]" id="country_id"
                                        multiple>
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                @isset($offer)
                                                    {{ $offer->countries->contains($country->id) ? 'selected' : '' }}
                                                @endisset>
                                                {{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="device_id" class="">Device</label>
                                    <select class="form-control select2" name="device_id[]" id="device_id" multiple>
                                        @foreach ($devices as $device)
                                            <option value="{{ $device->id }}"
                                                @isset($offer)
                                                    {{ $offer->devices->contains($device->id) ? 'selected' : '' }}
                                                    @endisset>
                                                {{ $device->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="same_ip_click" class="required">Same IP Click</label>
                                    <select class="form-control select2" name="same_ip_click" id="same_ip_click">
                                        <option value="1"
                                            @isset($offer) {{ $offer->same_ip_click == true ? 'selected' : '' }} @endisset>
                                            Yes</option>
                                        <option value="0"
                                            @isset($offer) {{ $offer->same_ip_click == false ? 'selected' : '' }} @endisset>
                                            No</option>
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="same_ip_conversion" class="required">Same IP Conversion</label>
                                    <select class="form-control select2" name="same_ip_conversion"
                                        id="same_ip_conversion">
                                        <option value="1"
                                            @isset($offer) {{ $offer->same_ip_conversion == true ? 'selected' : '' }} @endisset>
                                            Yes</option>
                                        <option value="0"
                                            @isset($offer) {{ $offer->same_ip_conversion == false ? 'selected' : '' }} @endisset>
                                            No</option>
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <label for="same_ip_conversion" class="required">Status</label>
                                    <select class="form-control select2" name="status" id="status">
                                        <option value="Approved"
                                            @isset($offer) {{ $offer->status == 'Approved' ? 'selected' : '' }} @endisset>
                                            Approved</option>
                                        <option value="Pending"
                                            @isset($offer) {{ $offer->status == 'Pending' ? 'selected' : '' }} @endisset>
                                            Pending</option>
                                        <option value="Private"
                                            @isset($offer) {{ $offer->status == 'Private' ? 'selected' : '' }} @endisset>
                                            Private</option>
                                        <option value="RequestApproved"
                                            @isset($offer) {{ $offer->status == 'RequestApproved' ? 'selected' : '' }} @endisset>
                                            RequestApproved</option>
                                    </select>
                                </div>
                                <div class="mb-1">
                                    <button class="btn btn-success">
                                        @isset($offer)
                                            Update
                                        @else
                                            Create
                                        @endisset
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
<!-- // Basic Vertical form layout section end -->

@endsection

@push('js')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script>
    let firstInvalid = $('form').find('.is-invalid').eq(0);
    if (firstInvalid.length) {
        $('body, html').stop(true, true).animate({
            'scrollTop': firstInvalid.offset().top - 200 + 'px'
        }, 200);
    }
    // Basic Select2 select
    $(".select2").each(function() {
        let $this = $(this);
        $this.wrap('<div class="position-relative"></div>');
        $this.select2({
            dropdownAutoWidth: true,
            width: '100%',
            dropdownParent: $this.parent()
        });
    });

    let payout_type = $('#payout_type');
    let revenue = $('#revenue').val();
    let payout = $('#payout').val();
    if (payout_type.val() === 'RevenueShare') {
        $('#revenue').attr('placeholder', 'Enter revenue in %');
        $('#payout').attr('placeholder', 'Enter payout in %');
    } else {
        $('#revenue').attr('placeholder', 'Enter revenue in $');
        $('#payout').attr('placeholder', 'Enter payout in $');
    }

    payout_type.on('change', function() {
        let payout_type = $('#payout_type').val();
        if (payout_type === 'RevenueShare') {
            $('#revenue').attr('placeholder', 'Enter revenue in %');
            $('#payout').attr('placeholder', 'Enter payout in %');
        } else {
            $('#revenue').attr('placeholder', 'Enter revenue in $');
            $('#payout').attr('placeholder', 'Enter payout in $');
        }
    });
</script>
@endpush