@extends('admin.layout.main')
@section('title', $header['title'])
  
@section('content')
      <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-4 mt-2">
            <div class="col-sm-12 align-items-center d-flex breadcrumb-style">
              <h1 class="m-0">{{ $header['title'] }}</h1>
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@lang('user.dashboard') </a></li>
                <li class="breadcrumb-item"><a href="{{ route('user.index') }}">@lang('user.moduleHeading')</a></li>
                <li class="breadcrumb-item active">@lang('user.view')</li>
              </ol>
              <div class="breadcrumb-btn">
                <div class="add-breadcrumb @if($userDetail['status'] == 2) d-none @endif">
                  <a class="" href="{{ route('user.edit',$userDetail['id']) }}">
                    <?xml version="1.0"?>
                    <svg fill="#fff" viewBox="0 0 24 24" width="20" height="20">
                    <path
                        d="M 19.171875 2 C 18.448125 2 17.724375 2.275625 17.171875 2.828125 L 16 4 L 20 8 L 21.171875 6.828125 C 22.275875 5.724125 22.275875 3.933125 21.171875 2.828125 C 20.619375 2.275625 19.895625 2 19.171875 2 z M 14.5 5.5 L 3 17 L 3 21 L 7 21 L 18.5 9.5 L 14.5 5.5 z" />
                    </svg>
                    @lang('user.edit')
                  </a>
                </div>
              </div>
            </div><!-- /.col -->

          </div><!-- /.row -->
        </div><!-- /.container-fluid -->
      </div>
      <!-- /.content-header -->

      <!-- Main content -->
      <section class="content">
        <div class="container-fluid">
          <!-- Info boxes -->
          <div class="row">
            <div class="card pb-4 pt-4 px-3 w-100">
              <div class="row view_page mb-0">
                <div class="d-flex brdr-btm ">
                  <div class="viewpage_img">
                      @if($userDetail['profile_image'] != "")
                        <img width="150" height="150" src="{{ $userDetail['profile_image'] }}" alt="">
                      @else
                      <img class="viewcon-user" width="150" height="150" src="{{ URL::asset('assets/images/no-image.png') }}" alt="">
                      @endif
                  
                  </div>
                  <div class="view_user_data">
                    <table class="">
                      <tr>
                        <th>@lang('user.firmName') :</th>
                        <td>{{$userDetail->firm}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.ownerName') :</th>
                        <td>{{$userDetail->owner_name}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.userType') :</th>
                        <td>{{$userDetail->user_type_text}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.mobileNumber') :</th>
                        <td>+91 {{$userDetail->mobile}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.emailAddress') :</th>
                        <td>{{$userDetail->email ?: '-'}}</td>
                      </tr>
                    </table>
                  </div>
                  <div class="view_user_data">
                    <table class="">
                     
                     
                      <tr>
                        <th>@lang('user.createdDate') :</th>
                        <td>{{getDateTimeZone($userDetail->created_at)}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.updatedDate') :</th>
                        <td>{{getDateTimeZone($userDetail->updated_at)}}</td>
                      </tr>
                      <tr style="display: none;">
                        <th>@lang('user.sortOrder') :</th>
                        <td>2</td>
                      </tr>
                      <tr>
                        <th>@lang('user.status') :</th>
                        <td>{{$userDetail['user_status_text']}}</td>
                      </tr>
                    </table>
                  </div>
                  <div class="view_user_data">
                      <h5>@lang('user.gstCertification') :</h5>
                      @if($userDetail['gst_certificate'] != "")
                          <img src="{{ $userDetail['gst_certificate'] }}" alt="">
                      @else
                          <span>-NA-</span>
                      @endif
                  </div>
                </div>
                <div class="seo_view pt-4 discount brdr-btm">
                  <h3 class="view_seo mb-2">@lang('user.addressInformation')</h3>
                  <div class="seo_data_list">
                    <table class="">
                      <tr>
                        <th>@lang('user.address1'):</th>
                        <td>{{$userDetail['address'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.country'):</th>
                        <td>{{$userDetail['country'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.state') :</th>
                        <td>{{$userDetail['state'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.city') :</th>
                        <td>{{$userDetail['city'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.pincode') :</th>
                        <td>{{$userDetail['pincode'] ?: '-'}}</td>
                      </tr>
                    </table>
                  </div>
                </div>
                <div class="seo_view pt-4 discount">
                  <h3 class="view_seo mb-2">@lang('user.additionalInformation')</h3>
                  <div class="seo_data_list d-flex">
                    <table class="">
                      <tr>
                        <th>@lang('user.distributor') :</th>
                        <td>{{$userDetail['distributor_name'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.refDistributor') :</th>
                        <td>{{$userDetail['ref_distributor_name'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.refDealer') :</th>
                        <td>{{$userDetail['ref_dealer_name'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.companyWebsite') :</th>
                        <td>{{$userDetail['website'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.companyGSTNumber') :</th>
                        <td>{{$userDetail['company_gst_no'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.shopName') :</th>
                        <td>{{$userDetail['shop_name'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.workingState') :</th>
                        <td>{{$userDetail['working_state'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.workingCity') :</th>
                        <td>{{$userDetail['working_city'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>@lang('user.shopGSTNumber') :</th>
                        <td>{{$userDetail['shop_gst_no'] ?: '-'}}</td>
                      </tr>
                      <!-- <tr>
                        <th>Company Certificate :</th>
                        <td><img src="dist/img/gst_certificate-_1.jpg" alt=""></td>
                      </tr> -->
                    </table>
                    <div class="view_user_data gst-certificate">
                      <h5>@lang('user.companyCertificate') :</h5>
                      @if($userDetail['company_certificate'] != "")
                          <img src="{{ $userDetail['company_certificate'] }}" alt="">
                      @else
                          <span>-NA-</span>
                      @endif
                  </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.row -->
          </div>
          <!--/. container-fluid -->
      </section>

  <script>
    CKEDITOR.replace('editor1');
    CKEDITOR.on('instanceReady', function (evt) {
      var editor = evt.editor;

      editor.on('change', function (e) {
        var contentSpace = editor.ui.space('contents');
        var ckeditorFrameCollection = contentSpace.$.getElementsByTagName('iframe');
        var ckeditorFrame = ckeditorFrameCollection[0];
        var innerDoc = ckeditorFrame.contentDocument;
        var innerDocTextAreaHeight = $(innerDoc.body).height();
        console.log(innerDocTextAreaHeight);
      });
    });
  </script>
@endsection