@extends('admin.layout')
@section('content')
<style type="text/css">
#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .required-mark
    {
        color: red;
    }
    hr {
        margin-left: 15px;
        margin-bottom:-3px;
    }
    .hr-primary{
        border: 1px solid #00c0ef;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }   
    .my-current
    {
        color: #00c0ef;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
    </style>
<div class="search-list">
    <div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Push Notification') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Push Notification') }}</li>
    </ol>
  </section>
  <section class="content"> 
    @php
        $getUserRoleData = userRoleData();
        $push_notification      = explode(",",$getUserRoleData->push_notification);
    @endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
                    <div class="">                        
                        <div class="row">
                            @if(session()->has('message'))
                            <div class="alert alert-success alert-dismissible">
                               <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                               <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
                                {{ session()->get('message') }}
                            </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-warning alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
                                    {{ session()->get('error') }}
                                </div>
                            @endif
                            @if ($errors->has('datetime'))
                                <div class="error">{{ $errors->first('datetime') }}</div>
                            @endif

                        </div>
                        <!-- after successfully submitted message will show -->
                        @if(session('success'))
                        <div class="alert alert-success">
                          {{ trans('labels.NotifcationSentMessage') }}
                        </div>
                        @endif

                         <div class="box-body">
                            @if(in_array("Send", $push_notification))
                            {!! Form::open(array('url' =>'admin/marketing/push-notification', 'name'=>'addImageFrom', 'id'=>'addImageFrom', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}
                              
                              <div class="form-group">
                                <label for="name" class="col-sm-2 col-md-3 control-label">Websites </label>
                                <div class="col-sm-10 col-md-4">
                                  <select class="form-control" name="website_id" id="website_id">
                                    <option value="">Selecte Website</option>
                                    @foreach($result['sites'] as $site)
                                    <option value="{{ $site->id }}"> {{ $site->name }} </option>
                                    @endforeach
                                  </select>
                                </div>
                              </div>

                              <div class="form-group">
                                <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Title') }} </label>
                                <div class="col-sm-10 col-md-4">
                                  {!! Form::text('title',  '', array('class'=>'form-control', 'id'=>'title')) !!}
                                </div>
                              </div>

                              <div class="form-group">
                                <label for="name" class="col-sm-2 col-md-3 control-label">Body</label>
                                <div class="col-sm-10 col-md-4">
                                    {!! Form::textarea('body',  '', array('class'=>'form-control', 'id'=>'body')) !!}
                                </div>
                              </div>

<!--                              <div class="form-group">
                                <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.URL') }} </label>
                                <div class="col-sm-10 col-md-4">
                                  {!! Form::text('url',  '', array('class'=>'form-control', 'id'=>'url')) !!}
                                </div>
                              </div>-->

                              <div class="form-group occasions-image">
                                <label for="name" class="col-sm-2 col-md-3 control-label">{{ trans('labels.Image') }}</label>
                                <div class="col-sm-10 col-md-4">
                                  {!! Form::file('image', array('id'=>'image')) !!}
                                    <span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;">{{ trans('labels.Upload image with format (jpeg,png,jpg)') }}</span>
                                      <br> 
                                </div>
                              </div>

                              <div class="form-group">
                                  <label for="datetime" class="col-sm-2 col-md-3 control-label">Scheduled At</label>
                                  <div class="col-sm-10 col-md-4">
                                      <input type="text" id="datetime" name="datetime" class="form-control" placeholder="Schedule date and time">
                                  </div>
                              </div>

                              <div class="box-footer text-center">
                                <button type="submit" class="btn btn-primary">Send</button>
                                <!-- <a class="btn btn-default" href="{{URL::to('/admin/tags')}}">Back</a> -->
                              </div>
                            {!! Form::close() !!}
                            @else
                              <p> <strong>Please contact with SuperAdmin</strong></p>
                            @endif
                          </div>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>


      </div>
    </div>
  </section>
</div>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<!-- flatpickr JS -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
    flatpickr("#datetime", {
        enableTime: true,
        dateFormat: "Y-m-d H:i",
        time_24hr: true
    });
</script>

	<script>
			document.querySelectorAll('#watermarked').forEach(function(el) {
					  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
				  });
		  </script>
@endsection