@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;
    }#image_preview ul {
        display: flex;
        flex-direction: column;
        align-items: end;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #image_preview ul li span {
        float: left;
        padding-right: 10px;
        font-size: 10px;
        width: 18px;
        height: 18px;
        background: #7b7b7b;
        opacity: 1;
        margin: 0px 8px 4px 0px;
        text-align: center;
        display: block;
        border-radius: 100%;
        color: #fff;
        font-weight: normal;
        padding: 0;
        line-height: 18px;
    }
    .fglisting ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .fglisting ul li{
        
    }
    .fglisting ul li span {
        padding-left: 8px;
    }
    .fglisting ul li span{

    }
    /*._notes div + br, ._notes br {
        display: block;
    }*/

    ._subject .dropdown-menu {
        box-shadow: -1px 3px 13px 0 rgba(85, 85, 85, 0.52);
        border: 1px solid #b5b5b5;
        width: 100%;
    }
    
    /*    CSS added by Dalip on 26-06-2020 for file upload*/
        div#upload-form input[type="file"] {
        position: absolute;
        top: 0;
        opacity: 0;
    }

    div#upload-form {
        position: relative;
    }

    div#upload-form label.control-label {
        padding: 6px 12px;
        border: 1px solid #d2d6de;
        width: 100%;
        display: flex;
        pointer-events: none;
            color: #666;
        font-weight: normal;
    }
        div#upload-form label.control-label svg {
            margin-right: 5px;
        }

    div#image_preview ul li span.close {
        margin: 0 0 0 5px;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        height: 12px;
        border-radius: 0;
        background: transparent;
    }

    div#image_preview {
        margin-top: 2px;
    }

    div#image_preview ul li a {
        font-size: 11px;
        color: #000;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
    }

    div#image_preview ul li {
        display: flex;
            background-color: #3c8dbc;
        border-color: #367fa9;
        padding: 1px 0 1px 4px;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: calc(1rem * 0.875);
        position: relative;
        background: #ecf5fc;
        border: solid 1px #c2e0ff;
        padding-left: 4px;
        border-radius: 2px;
        margin-right: 4px;
        margin-bottom: calc(1rem * 0.375);
        color: #000;
        line-height: 1;
        font-size: 11px;
        align-self: center;
        margin: 0 0;
        margin-right: 4px;
        /* margin-bottom: calc(1rem * 0.375); */
        margin: 2px;
    }
    #image_preview ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
        margin: 0 -2px;
    }
    div#image_preview ul li span.close i::before {
        content: "\00D7";
        font-size: 14px;
        color: #c70303;
            margin-right: 2px;
    }
    #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 vendor') }} <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 vendor') }}</li>
            </ol>
        </section>
      <section class="content"> 
        @php
            $getUserRoleData = userRoleData();
            $Leads      = explode(",",$getUserRoleData->Leads);
        @endphp
        <div class="row">
          <div class="col-md-12">
            <div class="box box-info">
                @if(in_array("Add",$Leads ) || in_array("Edit",$Leads ) || in_array("View",$Leads ) || in_array("Delete",$Leads ))
                    <div class="box-header">
                        <div class="col-md-12">
                            <ul  class="list-inline">
                                    <li class="list-inline-item"><a href="{{ URL('admin/suppliers') }}" class="btn btn-primary btn-sm">Back</a></li>
                                    <li class="list-inline-item"><a href="{{URL('admin/create-draft-po') }}/{{ $result['suppliersData']->id }}" class="btn btn-primary btn-sm">Create Draft PO</a></li>
                                    <li class="list-inline-item"><a href="{{URL('admin/create-po') }}/{{ $result['suppliersData']->id }}" class="btn btn-primary btn-sm">Create PO</a></li>
                                    <li class="list-inline-item"><a href="{{URL('admin/suppliers') }}/{{ $result['suppliersData']->id }}/edit" class="btn btn-primary btn-sm">Edit</a></li>
                            </ul>
                        </div>              
                    </div>
                @endif
              <div class="box-body">
                <div class="row">
                  <div class="col-xs-12">
                        <div class="">
                             <div class="box-body">
                                @if(session()->has('message') || session()->has('error'))
                                    <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>
                                @endif
                             {{-- @if(in_array("View",$Leads ))   --}}                        
                                <div class="row">
                                    @if(!empty($result['suppliersData']->name))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Vendor Name</strong> {{$result['suppliersData']->name}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->full_name))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Full Name</strong> {{$result['suppliersData']->full_name}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->phone_number))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Phone No.</strong> {{$result['suppliersData']->phone_number}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->email_address))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Email Address</strong> {{$result['suppliersData']->email_address}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->address1))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Address</strong> {{$result['suppliersData']->address1}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->address2))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Address2</strong> {{$result['suppliersData']->address2}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']['get_country']->countries_name))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Country</strong> {{$result['suppliersData']['get_country']->countries_name}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']['get_province']->zone_name))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Province</strong> {{$result['suppliersData']['get_province']->zone_name}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->city))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>City</strong> {{$result['suppliersData']->city}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->postal_code))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Postal code</strong> {{$result['suppliersData']->postal_code}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->gst_number))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>GST number</strong> {{$result['suppliersData']->gst_number}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->pan_number))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>PAN number</strong> {{$result['suppliersData']->pan_number}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->bank_name))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Bank name</strong> {{$result['suppliersData']->bank_name}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->account_number))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Account number</strong> {{$result['suppliersData']->account_number}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(!empty($result['suppliersData']->ifsc_code))
                                        <div class="col-md-3">
                                            <div class="col-sm-12 col-md-12">
                                                <strong>Ifsc ode</strong> {{$result['suppliersData']->ifsc_code}}
                                            </div>
                                        </div>
                                    @endif                                                              
                                    @if(count((array) $result['suppliersData']['comments_data'])>0)
                                        <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;">Notes</strong>
                                            </div>
                                        </div>   
                                        @foreach ($result['suppliersData']['comments_data'] as  $cmVal)
                                            @if(!empty($cmVal->description))
                                                <div class="clearfix"></div>
                                                <div class="col-md-12 _notes">
                                                    <div class="form-group" style="overflow-wrap: break-word;">
                                                        <strong>{{$cmVal['managed_by']->first_name}} {{$cmVal['managed_by']->last_name}} updated on {{date('d-m-Y H:i:s', strtotime($cmVal->created_at))}}</strong>  
                                                        <div class="clearfix"></div>
                                                                                                                <div class="ticket-description-new">
                                                            {{-- {!!nl2br(preg_replace("/[\r\n]{2,}/", "\n", $string))!!} --}}
                                                            {!!nl2br($string)!!}
                                                        </div>
                                                    </div>
                                                </div>

                                            @endif
                                        @endforeach
                                    @endif
                                    @if(count($result['suppliersData']['leads_images'])>0)
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group fglisting">
                                            <strong>Files</strong>
                                            <ul>
                                                @foreach ($result['suppliersData']['leads_images'] as  $rsVal)                                                    
                                                    <li><i class="fa fa-paperclip pull-left"></i><a href="{{URL('assets/admin/images/inventory-images')}}/{{$rsVal->images}}" target="_blank">{{$rsVal->images}}</a><span class="pull-right"><a href="{{URL('assets/admin/images/inventory-images')}}/{{$rsVal->images}}" target="_blank"><i class="fa fa-download btn btn-primary btn-xs"></i></a>
                                                            </span><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></li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                    @endif
                                    @if(count((array) $result['getCustomlog'])>0)
                                        <div class="clearfix"></div>
                                        <div class="col-md-12"><hr class="hr-primary" /></div>
                                        <div class="clearfix"></div>
                                        <div class="col-md-2">
                                            <strong style="color: #00c0ef;">History Logs</strong>
                                        </div>
                                        <div class="clearfix"></div>
                                        @foreach ($result['getCustomlog'] as  $cmVal)
                                            @if(!empty($cmVal->all_logs_manage_first_name))
                                                <div class="clearfix"></div>
                                                <div class="col-md-12"  style="margin-bottom: 3px; overflow-wrap: break-word;">
                                                    <strong>{{$cmVal->all_logs_manage_first_name}} {{$cmVal->all_logs_manage_last_name}}</strong> changed {{$cmVal->name}}  @if(!empty($cmVal->old_values)) {{$cmVal->old_values}} @else -- @endif <strong>to</strong> {{$cmVal->new_values}} on {{date('d-m-Y H:i:s', strtotime($cmVal->created_at))}}
                                                </div>
                                            @endif
                                        @endforeach
                                    @endif  
                                </div>
                           {{--  @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>

      <section class="content-header">
            <h1> {{ trans('Purchase Order Draft') }} </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="70%">{{ trans('PO Number') }}</th>
                                                        <th width="15%">{{ trans('Date') }}</th>
                                                        <th width="10%">{{ trans('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="result-data">
                                                    @include('admin.purchase-order-draft.purchase_order_pagination_data')
                                                </tbody>
                                            </table>
                                            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="content-header">
            <h1> {{ trans('Purchase Order') }} </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="70%">{{ trans('PO Number') }}</th>
                                                        <th width="15%">{{ trans('Date') }}</th>
                                                        <th width="10%">{{ trans('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="result-data">
                                                    @include('admin.purchase-order.purchase_order_pagination_data')
                                                </tbody>
                                            </table>
                                            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

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

@endsection