@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection

@section("css-links")
    <style>
        .input-icon i{
            color: var(--primary-dark);
            font-size: 13px;
        }
    </style>
@endsection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__('Offers')}}</h1>
            <p>{{__('Control and view all offers')}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__('Offers')}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__('Edit')}}</a></li>
        </ul>
    </div>

@endsection

@section("content")
    @include("includes.dialog")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__('Edit Offer')}}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.offers.update", $offer->id)}}" enctype="multipart/form-data">
                        @csrf
                        @method("put")
                        <div class="row">
                            <div class="col-lg-6" >
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Offer Type')}}</label>
                                    <select class="form-control" id="OfferType" name="offer_value_type">
                                        <option value="1" @if(old("offer_value_type") == 1) selected @else @if($offer->offer_type == "p" && old("offer_value_type") == null) selected @endif @endif>Percent</option>
                                        <option value="2" @if(old("offer_value_type") == 2) selected @else @if($offer->offer_type == "m" && old("offer_value_type") == null) selected @endif @endif>Minus</option>
                                    </select>
                                </div>
                                @error("offer_value_type")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6" >
                                <div class="form-group">
                                    <label class="control-label">{{__('Offer Value')}}</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text input-icon"><i class="@if(old("offer_value_type") == 1 || ($offer->offer_type == "p" && old("offer_value_type") == null)) fas fa-percent @else fas fa-minus @endif" id="OfferIcon"></i></span></div>
                                        <input class="form-control @if($errors->has('offer_value')) is-invalid @endif" type="text" name="offer_value" placeholder="Enter Offer Value" value="{{inputValue("offer_value",$offer, "value")}}">
                                    </div>
                                </div>
                                @error("offer_value")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6" style="@if($offer->special_offer == 1 || $offer->top_deals == 1 || old("top_deals") || old("special_offer")) display: none @endif">
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Offer On')}}</label>
                                    <select class="form-control" id="OfferOn" name="offer_type">
                                        <option value="1" @if(old("offer_type") == 1) selected @else @if($offer->translate_type == "category" && old("offer_type") == null) selected @endif @endif>{{__("Category")}}</option>
                                        <option value="2" @if(old("offer_type") == 2) selected @else @if($offer->translate_type == "item" && old("offer_type") == null) selected @endif @endif>{{__("Item")}}</option>
                                    </select>
                                </div>
                                @error("offer_type")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>

                            <div class="col-lg-6" id="offerCategories" style="@if(old("offer_type") == 2 || ($offer->translate_type == "item" && old("offer_type") == null)) display:none @endif">
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Category')}}</label>
                                    <select class="form-control" id="exampleSelect1" name="category">
                                        @foreach($categories as $category)
                                            @if(!isset($allCurrentOffers["category"][$category->id]) || ($offer->translate_type == "category" && $category->id == $offer->categories[0]->id) )
                                                <option value="{{$category->id}}" @if(old("offer_type") == 1 || ($offer->translate_type == "category" && old("offer_type") == null)) {{selected("category", $category->id, $offer, "type_id")}} @endif>{{$category->name_en}} ( {{$category->name_ar}} )</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                @error("category")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>

                            <div class="col-lg-6"  id="offerItems" style="@if(old("offer_type") == 1 || (old("offer_type") == 2 && old("special_offer") == null && old("top_deals") == null) || ($offer->translate_type == "category" && old("offer_type") == null) || ($offer->translate_type == "item" && (($offer->top_deals == 0 && $offer->special_offer == 0)) && old("offer_type") == null)) display:none @endif">
                                <div class="form-group">
                                    <label for="exampleSelect1">{{__('Items')}}</label>
                                    <select class="form-control" id="exampleSelect1" name="item">
                                        @foreach($items as $item)
                                            @if(!isset($allCurrentOffers["item"][$item->id]) || ($offer->translate_type == "item" && in_array($item->id, $offer->items->pluck("id")->all())))
                                                <option value="{{$item->id}}" @if(in_array($item->id, $offer->items->pluck("id")->all()) || old("item") == $item->id) selected @endif>{{$item->name_en}} ( {{$item->name_ar}} )</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                @error("item")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                {{__('From Date:')}} <input value="{{inputValue("start_date", $offer)}}" class="form-control @if($errors->has('start_date')) is-invalid @endif" type="Date" name="start_date"><br>
                                @error("start_date")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                {{__('End Date:')}}<input  value="{{inputValue("end_date", $offer)}}" class="form-control @if($errors->has('end_date')) is-invalid @endif" type="Date" name="end_date" ><br>
                                @error("end_date")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">
                                            <label for="exampleSelect1" class="top_deals" style="@if($offer->special_offer == 1 || old("special_offer")) display:none @endif">{{__('Top Deals:')}}</label>
                                            <div class="toggle-flip top_deals" style="@if($offer->special_offer == 1 || old("special_offer")) display:none @endif">
                                                <label>
                                                    <input type="checkbox" id="top_deals" class="show-menu" name="top_deals" {{checked("top_deals", true, $offer)}}><span class="flip-indecator" data-toggle-on="{{__("ON")}}" data-toggle-off="{{__("OFF")}}"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">
                                            <label for="exampleSelect1" class="special_offer" style="@if($offer->top_deals == 1 || old("top_deals")) display:none @endif">{{__('Special Offer:')}}</label>
                                            <div class="toggle-flip special_offer" style="@if($offer->top_deals == 1 || old("top_deals")) display:none @endif">
                                                <label>
                                                    <input type="checkbox" id="special_offer" class="show-menu" name="special_offer" {{checked("special_offer", true, $offer)}}><span class="flip-indecator" data-toggle-on="{{__("ON")}}" data-toggle-off="{{__("OFF")}}"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">
                                            <label>{{__('Exclusive')}}</label>
                                            <div class="toggle-flip">
                                                <label>
                                                    <input type="checkbox" class="show-menu" name="exclusive" {{checked("exclusive", true, $offer)}}><span class="flip-indecator" data-toggle-on="{{__("ON")}}" data-toggle-off="{{__("OFF")}}"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <br> <h3>{{__('Select Days')}} </h3><br>
                                @error("day")
                                <div class="input-error">{{__('Select at less one day')}}</div>
                                @enderror
                                <div class="table-responsive overtable">
                                    <table class="table">
                                        <thead class=" text-secondary">
                                        <th>{{__('Day')}}</th>
                                        <th>{{__('From Hour')}}</th>
                                        <th>{{__('To Hour')}}</th>
                                        </thead>
                                        <tbody>
                                                                                                                                <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Saturday]" value="Saturday"> Saturday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Saturday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Saturday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Sunday]" value="Sunday"> Sunday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Sunday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Sunday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Monday]" value="Monday"> Monday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Monday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Monday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Tuesday]" value="Tuesday"> Tuesday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Tuesday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Tuesday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Wednesday]" value="Wednesday"> Wednesday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Wednesday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Wednesday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Thursday]" value="Thursday"> Thursday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Thursday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Thursday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                    <tr>
                                            <td>
                                                <input type="checkbox" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] ) || in_array($array[$i], $offer->offerday->pluck("day")->all())) checked @endif name="day[Friday]" value="Friday"> Friday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Friday]" class="form-control bs-timepicker @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("from")->all() ? $offer->offerday->where("day", $array[$i])->pluck("from")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="time" name="ToTime[Friday]" class="form-control bs-timepicker @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif" value="{{$offer->offerday->where("day", $array[$i])->pluck("to")->all() ? $offer->offerday->where("day", $array[$i])->pluck("to")->all()[0]: ""}}">
                                                @error('FromTime.' . $array[$i] )
                                                <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-lg-6" id="tableItems" style="@if(($offer->translate_type == "category" && old("offer_type") == null) || ($offer->special_offer == 1 && (old("offer_type") == null || old("offer_type") == "item")) || ($offer->top_deals == 1 && (old("offer_type") == null || old("offer_type") == "item")) || old("offer_type") == 1 || (old("offer_type") == 2 && (old("special_offer") || old("top_deals")))) display:none @endif">
                                <br> <h3>{{__('Select Items')}} </h3><br>
                                @error("items")
                                <div class="input-error">{{__('Select at less one item')}}</div>
                                @enderror
                                <div class="table-responsive overtable">
                                    <table class="table table-fixed">
                                        <thead class=" text-secondary">
                                        <th></th>
                                        <th>{{__('Name Item')}}</th>
                                        <th>{{__('Image')}}</th>
                                        </thead>
                                        <tbody>
                                        @foreach($items as $item)
                                            @if(!isset($allCurrentOffers["item"][$item->id]) || ($offer->translate_type == "item" && in_array($item->id, $offer->items->pluck("id")->all())))
                                                <tr>
                                                    <td><input  @if(in_array($item->id, $offer->items->pluck("id")->all()) || old("item") == $item->id) checked @endif type="checkbox" name="items[]" value="{{$item->id}}"></td>
                                                    <td>{{$item->name}}</td>
                                                    <td>@if($item->getFirstMediaFile()) <img src="{{ $item->getFirstMediaFile()->url }}" width="80" height="80"> @endif</td>
                                                </tr>
                                            @endif
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <hr class="special_offer_image" style="@if($offer->special_offer == 0 && old("top_deals") == null && old("items") == null) display:none @endif">
                        <div class="row special_offer_image" style="@if($offer->special_offer == 0 && old("top_deals") == null && old("items") == null) display:none @endif">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Special Offer Photo")}}</label>
                                    <div>
                                        <button class="btn btn-primary form-control button-upload-file" >
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="special_offer_image">
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload Photo")}}</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                                @error("special_offer_image")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-images" style="margin-bottom: 20px;">
                                    <div class="img-container">
                                        <img src="{{ $offer->getFirstMediaFile() ? $offer->getFirstMediaFile()->url : null }}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__('Save')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script type="text/javascript" src="{{asset("assets/js/plugins/select2.min.js")}}"></script>

    <script type="text/javascript">
        if(document.location.hostname == 'pratikborsadiya.in') {
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
        $('#demoSelect').select2();

    </script>

    <script>
        $("#OfferOn").change(function (){
            if($(this).val() == 2){
                $("#offerCategories").fadeOut(400,function (){
                    $("#tableItems").fadeIn();
                });
            }else{
                $("#tableItems").fadeOut(400,function (){
                    $("#offerCategories").fadeIn();
                });
            }
        });

        $("#OfferType").change(function (){
            let className = '';
            if($(this).val() == 1)
                className = "fas fa-percent";
            else
                className = "fas fa-minus";
            $("#OfferIcon")[0].className = className;
        });

        $("#top_deals").on("click", function (){
            var offerON = $("#OfferOn").val();
            if($(this)[0].checked){
                $(".special_offer").fadeOut();
                $("#offerCategories").fadeOut(400,function () {
                    if(offerON == 2)
                        $("#tableItems").fadeOut();

                    $("#offerItems").fadeIn();
                    $("#OfferOn").parent("div").parent("div").fadeOut();
                });
            }else{
                $(".special_offer").fadeIn();
                $("#OfferOn").parent("div").parent("div").fadeIn(400,function () {
                    $("#offerItems").fadeOut(400,function () {
                        if(offerON == 2)
                            $("#tableItems").fadeIn();
                        else
                            $("#offerCategories").fadeIn();
                    });
                });
            }
        })

        $("#special_offer").on("click", function (){
            var offerON = $("#OfferOn").val();
            if($(this)[0].checked){
                $(".top_deals").fadeOut();
                $(".special_offer_image").fadeIn();
                $("#offerCategories").fadeOut(400,function () {
                    if(offerON == 2)
                        $("#tableItems").fadeOut();

                    $("#offerItems").fadeIn();
                    $("#OfferOn").parent("div").parent("div").fadeOut();
                });
            }else{
                $(".top_deals").fadeIn();
                $(".special_offer_image").fadeOut();
                $("#OfferOn").parent("div").parent("div").fadeIn(400,function () {
                    $("#offerItems").fadeOut(400,function () {
                        if(offerON == 2)
                            $("#tableItems").fadeIn();
                        else
                            $("#offerCategories").fadeIn();
                    });
                });
            }
        })
    </script>

@endsection