@extends('admin.layout')
@section('content')
<style>
    	#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;
    }
    .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('Shift Management') }} <small> {{ trans('Shift Management') }}...</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('Schedule') }}</li>
                <li class="active"> {{ trans('Shifts') }}</li>
            </ol>
        </section>
        @php
        $getUserRoleData = userRoleData();
        $schedules = explode(",",$getUserRoleData->schedules);
        @endphp
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-info">
                        <div class="box-body">
                            <div class="">
                                <div class="row">

                                   
                                        <div class="col-xs-12">
                                        <div class="box-tools pull-right" style="display:flex">
                                            @if(in_array("Add",$schedules ))

                                                
                                                <!-- <button type="button" data-toggle="modal" data-target="#userModal"
                                                        class="btn btn-sm btn-warning">{{ trans('Add/change User Shift') }}</button> -->
                                                
                                                <a href="{{ URL::to('admin/shifts/add-shift')}}"
                                                    type="button"
                                                    class="btn btn-sm btn-primary">{{ trans('Add New Shift') }}</a>
                                            </div>
                                            @endif
                                        </div>

                                </div>
                                <br>
                            </div>
                            <div class="col-xs-12">
                                <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
                                </div>
                            </div>
                            <div class="clearfix"></div>
                                                        <div class="row" style="margin-top: 10px;">
                                <div class="col-xs-12 ">
                                    @if(in_array("View",$schedules ))
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>{{ trans('#') }}</th>
                                                <th>{{ trans('Shift Name') }}</th>
                                                <th>{{ trans('Shift IN') }}</th>
                                                <th>{{ trans('Shift OUT') }}</th>
                                                <th>{{ trans('Updated At') }}</th>
                                                <th>Action</th>
                                                
                                        </thead>
                                        <tbody>
                                            @php($sr=1)
                                            @if(count((array) $result)>0)
                                            @foreach ($result['shifts'] as $rsVal)
                                            <tr>
                                                <td>{{ $sr}}</td>
                                                <td>{{ ucfirst($rsVal->shift_name) }}</td>
                                                <td>{{ ucfirst($rsVal->shift_in) }}</td>
                                                <td>{{ ucfirst($rsVal->shift_out) }}</td>
                                                <td>{{ $rsVal->updated_at }}</td>
                                               
                                                <td>
                                                    <div class="form-group">
                                                    @if(in_array("Edit",$schedules ))
                                                        <a href="{{URL::to('admin/shifts/edit-shift/'. $rsVal->shift_id) }}"
                                                            class="btn btn-info btn-xs" data-toggle="tooltip"
                                                            data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i>
                                                        </a>

                                                    @endif

                                                    @if(in_array("Delete",$schedules ))
                                                        <a onClick="return confirm('Want to delete shift {{ucfirst($rsVal->shift_name) }}? This will also delete all previous and future schedules for this shift.');" href="{{URL::to('admin/delete-shift/'. $rsVal->shift_id) }}" class="btn btn-danger btn-xs" data-toggle="tooltip" data-placement="bottom" title="Delete"><i  class="fa fa-trash"></i>
                                                        </a>

                                                        
                                                    @endif
                                                </div>

                                                </td>
                                            </tr>
                                                                                        @endforeach
                                            @else

                                            <tr>
                                                <td colspane="9" class="text-center"> No record found.</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                    @else
                                    <p> <strong>Please contact with SuperAdmin</strong></p>
                                    @endif
                                </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>



<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script type="text/javascript">
    $(".user_shift_assign_save").on('click', function(){
        $(".user_shift_assign_save").html("Please wait...");
        $.ajax({
            url: "{{url('admin/assign-user-to-shift')}}",
            type: "POST",
            data: $("#user_shift_assign").serialize(),
            success: function (data) {
                if(data.status == 1){
                   // window.reload();
                    $("#userModal .alert-warning").hide();
                    $("#userModal .alert-success").show().find(".message").html(data.message);
                    setTimeout(function() { $('#userModal').modal('hide'); window.location.reload(); }, 2000);
                }else{
                    $("#userModal .alert-success").hide();
                    $("#userModal .alert-warning").show().find(".message").html(data.message);
                }
                setTimeout(function() { $(".user_shift_assign_save").html("Save") }, 1000);
            },
            ajaxComplete:function(){
                $(".user_shift_assign_save").html("Save");
            },
            error: function (jqXHR, exception) {
                $("#userModal .alert-success").hide();
                $("#userModal .alert-warning .message").html("Something Error, Please try again.").show();
                $(".user_shift_assign_save").html("Save");
            }
        });
    })
   
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
@endsection