@extends('backend.admin-master')

@section('site-title')
    {{__('Edit Advertisement')}}
    <x-media.css/>
@endsection

@section('content')
    <div class="col-lg-12 col-ml-12 padding-bottom-30">
        <div class="row">
            <div class="col-lg-12">
                <div class="margin-top-40"></div>
                <x-error-msg/>
                <x-flash-msg/>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="header-wrap d-flex justify-content-between">
                            <div class="left-content">
                                <h4 class="header-title">{{__('Edit Advertisement')}}   </h4>
                            </div>
                            <div class="right-content">
                                <a class="btn btn-info btn-sm" href="{{route('admin.advertisement')}}">{{__('All Advertisements')}}</a>
                            </div>
                        </div>
                        <form action="{{route('admin.advertisement.update',$add->id)}}" method="post" enctype="multipart/form-data">
                            @csrf

                            <div class="tab-content margin-top-40">
                                <div class="row">

                                    <div class="form-group col-md-12" id="title">
                                        <label for="title">{{__('Title')}}</label>
                                        <input type="text" class="form-control" name="title" value="{{$add->title}}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="title">{{__('Advertisement Type')}}</label>
                                        <select class="form-control" name="type" id="type">
                                            <option selected disabled>{{__('Select a Type')}}</option>
                                            <option @if($add->type === 'image') selected @endif value="image">{{__('Image')}}</option>
                                            <option @if($add->type === 'google_adsense') selected  @endif value="google_adsense">{{__('Google Adsense')}}</option>
                                            <option @if($add->type === 'scripts') selected  @endif value="scripts">{{__('Scripts')}}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="title">{{__('Advertisement Size')}}</label>
                                        <select class="form-control" name="size" id="size">
                                            <option selected disabled>{{__('Select a Size')}}</option>
                                            <option @if($add->size === '350*250') selected @endif value="350*250">{{__('350 x 250')}}</option>
                                            <option @if($add->size === '320*50') selected @endif value="320*50">{{__('320 x 50')}}</option>
                                            <option @if($add->size === '160*600') selected @endif value="160*600">{{__('160 x 600')}}</option>
                                            <option @if($add->size === '300*600') selected @endif value="300*600">{{__('300 x 600')}}</option>
                                            <option @if($add->size === '336*280') selected @endif value="336*280">{{__('336 x 280')}}</option>
                                            <option @if($add->size === '728*90') selected @endif value="728*90">{{__('728 x 90')}}</option>
                                            <option @if($add->size === '730*180') selected @endif value="730*180">{{__('730 x 180')}}</option>
                                            <option @if($add->size === '730*210') selected @endif value="730*210">{{__('730 x 210')}}</option>
                                            <option @if($add->size === '300*1050') selected @endif value="300*1050">{{__('300 X 1050')}}</option>
                                            <option @if($add->size === '950*160') selected @endif value="950*160">{{__('950 X 160')}}</option>
                                            <option @if($add->size === '950*200') selected @endif value="950*200">{{__('950 X 200')}}</option>
                                            <option @if($add->size === '250*1110') selected @endif value="250*1110">{{__('250 X 1110')}}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-12" id="slot" style="display: none">
                                        <label for="title">{{__('Advertisement Slot')}}</label>
                                        <input type="text" class="form-control" name="slot" value="{{$add->slot}}">
                                    </div>

                                    <div class="form-group col-md-12" style="display: none" id="embed_code">
                                        <label for="title">{{__('Embed Code')}}</label>
                                        <textarea class="form-control" name="embed_code">{{$add->embed_code}}</textarea>
                                    </div>

                                    <div class="form-group col-md-12" style="display: none" id="redirect_url">
                                        <label for="title">{{__('Redirect URL')}}</label>
                                        <input type="text" class="form-control" name="redirect_url" value="{{$add->redirect_url}}">
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label for="title">{{__('Status')}}</label>
                                        <select class="form-control" name="status">
                                            <option @if($add->status === 0) selected @endif value="0">{{__('Inactive')}}</option>
                                            <option @if($add->status === 1) selected @endif value="1">{{__('Active')}}</option>
                                        </select>
                                    </div>

                                </div>
                                <x-image :title="'Advertisement Image'" :name="'image'" :id="$add->image" :value="$add->image" :class="'image'"/>

                                <button id="submit" type="submit" class="btn btn-primary mt-5 submit_btn">{{__('Submit Advertise ')}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <x-media.markup/>
@endsection
@section('script')
    <x-media.js/>
    <script>
        (function ($) {
            "use strict";
            $(document).ready(function () {
                <x-btn.submit/>

                if($('#type').val() === 'image') {
                    $('.image').show();
                    $('#redirect_url').show();
                 }else if($('#type').val() === 'google_adsense') {
                    $('#slot').show();
                    $('.image').hide();

                }else if($('#type').val() === 'scripts'){
                    $('#embed_code').show();
                    $('.image').hide();
                }else{
                    $('.image').hide();
                    $('#slot').hide();
                    $('#embed_code').hide();
                }

                $(document).on('change','#type',function(e){
                    e.preventDefault();
                    let el = $(this).val();
                    if(el === 'image'){
                        $('.image').show();
                        $('#redirect_url').show();
                        $('#slot').hide();
                        $('#embed_code').hide();

                    }else if(el === 'google_adsense'){
                        $('#slot').show();
                        $('#redirect_url').hide();
                        $('#embed_code').hide();
                        $('.image').hide();

                    }else if(el === 'scripts'){
                        $('#embed_code').show();
                        $('#slot').hide();
                        $('#redirect_url').hide();
                        $('.image').hide();

                    }else{
                        $('#redirect_url').hide();
                    }
                });
            });
        })(jQuery);
    </script>
@endsection