@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            <form class="form" role="post-data" method="POST" action="/api/admin/offers/{{ $offer->id }}"
                redirect="/admin/offers">
                @method('PUT')
                <div class="row titlepad publsih-sticky">
                    <div class="col-md-12">
                        <div class="mt-3 mb-3">
                            <div class="dashbed-border-bottom"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <h4>{{ __('admin.offer') }}</h4>
                                <p class="page-sub-head">{{ __('admin.edit_offer') }}</p>
                            </div>
                            <div class="col-md-4 text-sm-right mt-2">
                                <button type="button" class="btn-md px-3 py-2 btn-primary" role="button"
                                    data-request="ajax-submit" data-target="[role=post-data]"><i
                                        class="fa fa-check-square-o"></i> {{ __('admin.submit') }}</button>
                                <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                        class="fa fa-chevron-circle-left"></i> {{ __('static.cancel') }}</a>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="row">
                    <div class="col-md-8">
                        <div class="tabData mt-4">
                            <h6>{{ __('admin.enter_the_details_below_for_edit_offers') }}</h6>
                            <div class="mt-2 mb-2">
                                <div class="dashbed-border-bottom"></div>
                            </div>
                            <div class="pb-4">
                                <div class="row">
                                <div class="col-md-6">
                                        <div class="form-group">
                                        <label>{{ __('admin.select_branch') }} <span class="text-red">*</span></label>
                                            <select class="form-control select2" name="branch_id[]" id="branch"
                                                multiple onchange="multidropdown('/api/admin/get-services', 'branch','services', '');">
                                                <option value="">{{ __('label.Select') }} </option>
                                                    @foreach($offer->branches as $offerBranch)
                                                    <option value="{{ $offerBranch->id }}" selected>{{ $locale == App\Helpers\ConstantHelper::ARABIC ? $offerBranch->name_ar : $offerBranch->name_en }}</option>
                                                    @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @if (!auth()->user()->hasRole([App\Helpers\ConstantHelper::SUPER_ADMIN]))
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{ __('admin.offer_type') }} <span class="text-red">*</span></label>
                                                <select disabled class="form-control" name="offer_type" id="offer_type" >
                                                    <option value="">{{ __('label.Select') }} </option>
                                                        @if($offer->offer_type == App\Helpers\ConstantHelper::PROMOTION)
                                                        <option value="{{ $offer->offer_type }}" selected>{{ __( 'static.'.$offer->offer_type) }} </option>
                                                        @else
                                                        <option value="{{ $offer->offer_type }}" selected>{{ __('static.'.$offer->offer_type) }} </option>
                                                        @endif

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="promotion" style="display:none;">
                                            <div class="form-group">
                                                <label>{{ __('admin.promotion_name_coupon_code') }}<span class="text-red">*</span></label>
                                                <input type="text" name="promotion_name" value="{{$offer->promotion_name}}" id="promotion_name"
                                                    class="form-control" placeholder="{{ __('placeholder.enter_offer_name') }}" readonly />
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-6" id="coupon">
                                        <div class="form-group">
                                            <label>{{ __('admin.promotion_name_coupon_code') }} <span class="text-red">*</span></label>
                                            <input type="text" name="coupon_code" value="{{$offer->coupon_code}}" id="coupon_code" class="form-control"
                                                placeholder="Enter Offer Name" readonly/>
                                            <button class="btn-md px-3 py-2 btn-primary mt-2"
                                                onclick="generateCouponCode()" type="button"
                                                id="generateButton">{{ __('admin.generate_coupon_code') }}</button>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('admin.discount_value') }} (in pecentage) <span class="text-red">*</span></label>
                                            <input type="number" name="discount"  value="{{$offer->discount}}" class="form-control"
                                                placeholder="Enter Discount value" readonly/>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('admin.usage_type') }} <span class="text-red">*</span></label>
                                            <select disabled class="form-control selectpicker" name="usage_type" id="usage_type" readonly >
                                                <option value="">{{ __('label.Select') }} </option>
                                                    @if($offer->usage_type == App\Helpers\ConstantHelper::UNLIMITED)
                                                    <option value="{{ $offer->usage_type }}" selected>{{ ucfirst($offer->usage_type) }} </option>
                                                    @else
                                                    <option value="{{ $offer->usage_type }}" selected>{{ ucfirst($offer->usage_type) }} / Person </option>
                                                    @endif
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('admin.start_date') }} <span class="text-red">*</span></label>
                                            <input type="date" class="form-control" value="{{$offer->start_date}}" name="start_date"
                                                placeholder="Enter Offer Name" readonly />
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('admin.end_date') }} <span class="text-red">*</span></label>
                                            <input type="date" class="form-control"  value="{{$offer->end_date}}" name="end_date"
                                                placeholder="Enter Offer Name"/>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>{{ __('admin.select_services') }} <span class="text-red">*</span></label>
                                            <select class="form-control select2" name="service_id[]" id="services" multiple>
                                                    @foreach($offer->services as $offerServices)
                                                    <option value="{{ $offerServices->id }}" selected>{{ $locale == App\Helpers\ConstantHelper::ARABIC ? $offerServices->name_ar : $offerServices->name_en }}</option>
                                                    @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-0">
                                    <button class="btn btn-link text-black shadow-none pl-0 pb-0 staturightghead">{{ __('admin.status_update') }}</button>
                                </h5>
                            </div>

                            <div class="card-body">
                                <div>
                                    <label class="logCheck mb-3">
                                        <input type="radio" name="status" value="active" {{ $offer->status == App\Helpers\ConstantHelper::ACTIVE ? 'checked' : ''}}>
                                        <div>{{ __('admin.active') }}</div>
                                        <span class="checkmark"></span>
                                    </label>

                                    <label class="logCheck mb-0">
                                        <input type="radio" name="status" value="inactive" {{ $offer->status == App\Helpers\ConstantHelper::IN_ACTIVE ? 'checked' : ''}}>
                                        <div>{{ __('admin.inactive') }}</div>
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
@endsection
@section('script')
<script>
$(document).ready(function() {

    // disable branch

    $("#branch").select2();
    $("#branch").prop("disabled", true);

    $("#services").select2();
    $("#services").prop("disabled", true);

    $('#usage_type').attr('disabled',false);

});
</script>
@endsection