@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark {
		color: red;
	}
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary {
		border: 1px solid #3c8dbc;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.my-current	{
		color: #00c0ef;
	}
    th
    {
        text-align: center;
    }
    .special
    {
        word-break: break-all;
    }
    table, th, td {
      border: 1px solid black;
      padding: 0px 5px 0px 5px;
    }
    
    #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('Production Order') }} <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('Production Order') }}</li>
    </ol>
  </section>
    <section class="content"> 
    	@php
    		$getUserRoleData = userRoleData();
    		$ProductionOrder = explode(",",$getUserRoleData->ProductionOrder);
            $OrderInstruction = explode(",",$getUserRoleData->OrderInstruction);
    	@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
    						</div>
                             <div class="box-body">	
                                <div class="clearfix"></div>
                                <a href="{{URL('admin/production-orders')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}
                                </a>
                                <a href="{{URL('admin/production-order-pdf')}}/{{$result['data']->id}}" type="button" class="btn btn-primary">{{ trans('Save as PDF') }}
                                </a>
                                @if(in_array("Edit", $ProductionOrder))
                                    <a href="{{URL('admin/production-orders')}}/{{ $result['data']->id }}/edit" class="btn btn-primary"  data-toggle="tooltip" data-placement="bottom" title="Edit">Edit</i></a>
                                @endif
                                @if(in_array("Add", $OrderInstruction) && count($result['order_instructions']) == 0)
                                    <a href="{{URL('admin/mask-machine-order-instructions/create?production_order_id=')}}{{ $result['data']->id }}" class="btn btn-primary"  data-toggle="tooltip" data-placement="bottom" title="Add">Add Mask Machine Order Instruction</i></a>
                                @endif<br>
                                <table style="width: 100%;margin-top: 25px">
                                    <tbody>
                                        <!-- Row 1 -->
                                        <tr>
                                            <td colspan="2" rowspan="2">
                                                <img style="padding: 1px" src="{{ URL('assets/admin/images/img/logo.jpg') }}" />
                                            </td>
                                            <td colspan="4" align="center">
                                                <b style="font-size: 20px">Production Order</b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="4">
                                                <b style="font-size: 20px">{{ $result['data']['get_company_info']->name }}</b><br>
                                                {{ $result['data']['get_company_info']->address }}
                                                @if(!empty($result['data']['get_company_info']->address2)) 
                                                , {{ $result['data']['get_company_info']->address2 }}
                                                @endif
                                                <!-- <br> -->
                                                {{ $result['data']['get_company_info']->city }}
                                                , {{ $result['data']['get_company_info']->province }} 
                                                , {{ $result['data']['get_company_info']->postal_code }}
                                                , {{ $result['data']['get_company_info']->country }}
                                                <br>
                                                Ph:  {{ $result['data']['get_company_info']->phone_number }} <br>
                                                Email: {{ $result['data']['get_company_info']->email_address }}  
                                            </td> 
                                        </tr>
                                        <tr>
                                            <td colspan="2" height="50">
                                                <a href="https://www.rhysley.com" target="_blank">www.rhysley.com</a>
                                            </td>
                                            <td colspan="4">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" width="50%" class="special" style="padding: 20px 10px 20px 10px;">
                                                <b>Customer Name : </b>{{$result['data']->customer_name}}<br>
                                                <b>Order # : </b>R{{$result['data']->order_no}}<br>
                                                <b>Date : </b>{{date('M d, Y', strtotime($result['data']->date))}}<br>
                                                <b>Payment Status : </b>{{$result['data']->payment_status}}<br>
                                                <b>PO No  : </b>{{$result['data']->po_no}}
                                            </td>
                                            <td colspan="3" width="50%">
                                               <!--  <table style="width: 100%;border: 1px solid white;">
                                                    <tr>
                                                        <td style="border: 1px solid white;"><img style="padding: 1px;float: right;" src="{{ URL('assets/admin/images/img/logo.jpg') }}"/></td>
                                                    </tr>
                                                    <tr>
                                                        <td style="border: 1px solid white;"><strong style="font-size: 17px;float: right;">PRODUCTION ORDER</strong></td>
                                                    </tr>
                                                </table> -->
                                            </td>
                                        </tr>
                                        <tr>
                                            <th height="5%">S No.</th>
                                            <th width="15%">Model #</th>
                                            <th width="30%">Item Description</th>
                                            <th width="10%">Quantity</th>
                                            <th width="20%">Machine</th>
                                            <th width="20%">Operator</th>
                                        </tr>
                                        @php $k = 1; @endphp
                                        @foreach($result['data']['get_production_order_details'] as $key)
                                            <tr align="center">
                                                <td height="50">{{$k}}</td>
                                                <td>{{$key->get_masks->modal_no}}</td>
                                                <td style="text-align: left;" class="{{(substr_count($key->item_description, ' ') == 0) ? 'special' : ''}}"></td>
                                                <td>{{$key->quantity}}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            @php $k++; @endphp
                                        @endforeach
                                        <tr align="center">
                                            <td colspan="3" style=""><strong style="float: right;">Total</strong></td>
                                            <td>{{$result['data']->total}}</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <!-- <tr>
                                            <td colspan="3" height="100">Supervisor Name : ____________________</td>
                                            <td colspan="3">Supervisor Name : ____________________</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="100">Sign : ____________________</td>
                                            <td colspan="3">Sign : ____________________</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="100">Supervisor Name : ____________________</td>
                                            <td colspan="3">Supervisor Name : ____________________</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="100">Sign : ____________________</td>
                                            <td colspan="3">Sign : ____________________</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="100">Manager Name : ____________________</td>
                                            <td colspan="3">Manager Name : ____________________</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" height="100">Sign : ____________________</td>
                                            <td colspan="3">Sign : ____________________</td>
                                        </tr> -->
                                    </tbody>
                                </table>
                                <div class="clearfix"></div>
                          </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>
    @if(in_array("View", $OrderInstruction))
        <section class="content-header">
                <h1> {{ trans('Mask Machine Order Instructions') }} </h1>
        </section>
        <section class="content"> 
            <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="box-body">
                                            <table id="example1" class="table table-bordered table-striped signatures-table">
                                                <thead>
                                                    <tr>                      
                                                        <th width="5%">{{ trans('ID') }}</th>
                                                        <th width="50%">{{ trans('Mask Type') }}</th>
                                                        <th width="15%">{{ trans('Production Order No') }}</th>
                                                        <th width="15%">{{ trans('Date') }}</th>
                                                        <th width="15%">{{ trans('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="result-data">
                                                    @include('admin.mask-machine-order-instruction.paginate-view')
                                                </tbody>
                                            </table>
                                            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
</div>
</div>

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