@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="#">{{__('Create')}}</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">{{__('Create New Offer')}}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.offers.store")}}" enctype="multipart/form-data">
                        @csrf
                        <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" {{selected("offer_value_type", 1)}}>{{__('Percent')}}</option>
                                        <option value="2" {{selected("offer_value_type", 2)}}>{{__('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 || 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")}}">
                                    </div>
                                </div>
                                @error("offer_value")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6" style="@if(old("top_deals") !== Null || old("special_offer") !== Null) 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" {{selected("offer_type", 1)}}>{{__('Category')}}</option>
                                        <option value="2" {{selected("offer_type", 2)}}>{{__("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 || old("top_deals") !== Null || old("special_offer") !== 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]))
                                                <option value="{{$category->id}}">{{$category->getNameAttribute()}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                @error("category")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>

                            <div class="col-lg-6"  id="offerItems" style="@if(!$errors->has('item') && old("top_deals") === Null && old("special_offer") === 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]))
                                                <option value="{{$item->id}}">{{$item->getNameAttribute()}}</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")}}" 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")}}" 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">{{__('Top Deals:')}}</label>
                                            <div class="toggle-flip top_deals">
                                                <label>
                                                    <input type="checkbox" id="top_deals" class="show-menu" name="top_deals" {{checked("top_deals", true)}}><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">{{__('Special Offer:')}}</label>
                                            <div class="toggle-flip special_offer">
                                                <label>
                                                    <input type="checkbox" id="special_offer" class="show-menu" name="special_offer" {{checked("special_offer", true)}}><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)}}><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><input type="checkbox" class="checkedAll"> {{__('Day')}}</th>
                                        <th>{{__('From Hour')}}</th>
                                        <th>{{__('To Hour')}}</th>
                                        </thead>
                                        <tbody>
                                                                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Saturday]" value="Saturday"> Saturday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Saturday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Sunday]" value="Sunday"> Sunday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Sunday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Monday]" value="Monday"> Monday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Monday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Tuesday]" value="Tuesday"> Tuesday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Tuesday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Wednesday]" value="Wednesday"> Wednesday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Wednesday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Thursday]" value="Thursday"> Thursday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Thursday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @error('FromTime.' . $array[$i] )
                                                    <div class="input-error">{{$message}}</div>
                                                @enderror
                                            </td>

                                        </tr>
                                                                                <tr>
                                            <td>
                                                <input type="checkbox" class="copyDay" @if($errors->has('FromTime.' . $array[$i] ) || $errors->has('ToTime.' . $array[$i] )) checked @endif name="day[Friday]" value="Friday"> Friday                                            </td>
                                            <td>
                                                <input type="time" name="FromTime[Friday]" class="form-control bs-timepicker @if($i == 0) FirstFromTime @else copyFromTime @endif @if($errors->has('FromTime.' . $array[$i] )) is-invalid @endif" >
                                                @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($i == 0) FirstToTime @else copyToTime @endif @if($errors->has('ToTime.' . $array[$i] )) is-invalid @endif">
                                                @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(!$errors->has('items')) 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]))
                                            <tr>
                                                <td><input 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(!$errors->has('special_offer_image') && old("special_offer") === Null) display:none @endif">
                        <div class="row special_offer_image" style="@if(!$errors->has('special_offer_image') && old("special_offer") === 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"></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>{{__('Create')}}</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();
                    });
                });
            }
        })

        $(".checkedAll").on("click", function (){
            let check = $(this).is(':checked');
            if(check){
                $(".copyDay").attr("checked", true);
                $(".copyFromTime").val($(".FirstFromTime").val())
                $(".copyToTime").val($(".FirstToTime").val())
            }else{
                $(".copyDay").attr("checked", false);
                $(".copyFromTime").val("")
                $(".copyToTime").val("")
            }
        })
    </script>
    <script>

        // $(function () {
        //     $('.bs-timepicker').timepicker();
        // });

    </script>
@endsection