@extends('admin.layout')
@section('content')
<style type="text/css">
    .my-current
    {
        color: #00c0ef;
    }
    hr {
        margin: 10px 0px 10px 0px;
    }
    .hr-primary{
        border: 1px solid #00c0ef;
    }
    ._notes div + br, ._notes br {
        display: block;
    }
    .required-mark {
        color: red;
    }
    th
    {
        text-align: center;
    }
    #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('View Customer Detail') }} <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('View Customer Detail') }}</li>
            </ol>
        </section>
        <section class="content"> 
        @php
            $getUserRoleData        = userRoleData();
            $RhysleyCustomers       = explode(",",$getUserRoleData->RhysleyCustomers);
            $BOM                    = explode(",",$getUserRoleData->BOM);
        @endphp
        <div class="row">
          <div class="col-md-12">
            <div class="box box-info">
                <div class="box-header">
                    <div class="col-md-12">
                        <ul  class="list-inline">

                            <li class="list-inline-item"><a href="{{ URL('admin/rhysley-customers') }}" class="btn btn-primary btn-sm">Back</a></li>
                            @if(in_array("Edit", $RhysleyCustomers))
                                <li class="list-inline-item"><a href="{{URL('admin/rhysley-customers') }}/{{ $result['data']->id }}/edit" class="btn btn-primary btn-sm">Edit</a></li>
                            @endif
                            @if(in_array("Add", $BOM))
                                <li class="list-inline-item"><a href="{{URL('admin/bom/create?customer_id=') }}{{ $result['data']->id }}" class="btn btn-primary btn-sm">Add BOM</a></li>
                            @endif
                        </ul>
                    </div>              
                </div>
              <div class="box-body">
                <div class="row">
                  <div class="col-xs-12">
                        <div class="">
                             <div class="box-body">
                                <div class="row">
                                    <hr class="hr-primary" />
                                    <div class="col-sm-4 col-md-12">
                                        <div class="col-md-12">
                                            <strong style="color: #00c0ef;">Customer Information</strong>
                                        </div>
                                    </div>   
                                    <div class="clearfix"></div>

                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Customer Full Name : </strong> {{$result['data']->full_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Company Name : </strong> {{$result['data']->company_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Email Address : </strong> {{$result['data']->email_address}}
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Telephone : </strong> {{$result['data']->telephone}}
                                        </div>
                                    </div>                                             
                                    <div class="clearfix"></div>

                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Alternate Mobile : </strong> {{$result['data']->alternate_mobile}}
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>GST No. : </strong> {{$result['data']->gst_no}}
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Pan No : </strong> {{$result['data']->pan_no}}
                                        </div>
                                    </div>                                           
                                    <div class="clearfix"></div>

                                    <hr class="hr-primary" />
                                    <div class="col-sm-4 col-md-12">
                                        <div class="col-md-12">
                                            <strong style="color: #00c0ef;">Note</strong>
                                        </div>
                                    </div>   
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 _notes">
                                        <div class="form-group" style="overflow-wrap: break-word;">
                                                                                    </div>
                                    </div>
                                    <div class="clearfix"></div>

                                    
                                    <hr class="hr-primary" />
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="col-sm-12 col-md-12">
                                            <strong style="color: #00c0ef;">Billing Address : </strong>
                                        </div>
                                    </div>  
                                    <div class="clearfix"></div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Address1 : </strong> {{$result['data']->billing_address1}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Address2 : </strong> {{$result['data']->billing_address2}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Country : </strong> {{$result['data']->get_billing_country->countries_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Province : </strong> {{$result['data']->get_billing_zone->zone_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>City : </strong> {{$result['data']->billing_city}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Postal Code : </strong> {{$result['data']->billing_postal_code}}
                                        </div>
                                    </div>  
                                    <div class="clearfix"></div>

                                    <div class="col-md-12">
                                        <div class="col-sm-12 col-md-12">
                                            <strong style="color: #00c0ef;">Shipping Address : </strong>
                                        </div>
                                    </div>  
                                    <div class="clearfix"></div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Address1 : </strong> {{$result['data']->shipping_address1}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Address2 : </strong> {{$result['data']->shipping_address2}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Country : </strong> {{$result['data']->get_shipping_counrty->countries_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Province : </strong> {{$result['data']->get_shipping_zone->zone_name}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>City : </strong> {{$result['data']->shipping_city}}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="col-sm-12 col-md-12">
                                            <strong>Postal Code : </strong> {{$result['data']->shipping_postal_code}}
                                        </div>
                                    </div>  
                                    <div class="clearfix"></div>

                                    <hr class="hr-primary" />
                                    <div class="col-sm-4 col-md-12">
                                        <div class="col-md-12">
                                            <strong style="color: #00c0ef;">Attachments</strong>
                                        </div>
                                    </div>   
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group fglisting">
                                            <ul>
                                                @foreach($result['data']->get_attachmets as $rsVal)
                                                    <li>
                                                        <i class="fa fa-paperclip pull-left"></i>
                                                        <a href="{{URL('assets/admin/images/rhysley-customers')}}/{{$rsVal->attachment}}" target="_blank">{{$rsVal->attachment}}</a>
                                                        <span>
                                                            Uploaded by: {{$rsVal['managed_by']->first_name}} {{$rsVal['managed_by']->last_name}} <strong>on</strong> {{date('d-m-Y H:i:s', strtotime($rsVal->created_at))}}
                                                        </span>
                                                        <span>
                                                            <a href="{{URL('assets/admin/images/rhysley-customers')}}/{{$rsVal->attachment}}" target="_blank" class="" download>
                                                                <i class="fa fa-download btn btn-primary btn-xs"></i>
                                                            </a>
                                                        </span>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                </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", $BOM))
        <section class="content-header">
                <h1> {{ trans('BOM List') }} </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('Client Code') }}</th>
                                                        <th width="15%">{{ trans('Date') }}</th>
                                                        <th width="15%">{{ trans('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="result-data">
                                                    @include('admin.bom.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