@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
  <!-- START HEADER -->
  @include('admin.partials.header')
  <!-- END HEADER -->
  <!-- START PAGE CONTENT WRAPPER -->
  <div class="page-content-wrapper ">
    <div class="content ">
      <div class=" container-fluid container-fixed-lg">
        {{-- tab starts here --}}
        <div class="col-lg-12">
          <a href="{{route('admin.users.index')}}" class="btn btn-complete mr-3 mb-3">
            <i class="fa fa-chevron-left" style="font-size: 16px"></i> Back
          </a>
          <div class="card card-borderless">
            <ul class="nav nav-tabs nav-tabs-simple" role="tablist" data-init-reponsive-tabs="dropdownfx">
              <li class="nav-item">
                <a class="active" data-toggle="tab" role="tab" data-target="#userInformation" href="#">User Information</a>
              </li>
              @if($userInfo->is_admin == 1)
              <li class="nav-item">
                <a href="#" data-toggle="tab" role="tab" data-target="#associatedUsers">Associated Users</a>
              </li>
              @endif

              <li class="nav-item">
                <a href="#" data-toggle="tab" role="tab" data-target="#userSpaces">User Spaces</a>
              </li>
              <li class="nav-item">
                <a href="#" data-toggle="tab" role="tab" data-target="#changePassword">Change Password</a>
              </li>
            </ul>
            <div class="tab-content">
              {{-- userInformation starts here --}}
              <div class="tab-pane active" id="userInformation">
                <div class="card card-default m-t-20">
                  <div class="card-body">
                    
                    <div class="invoice padding-50 sm-padding-10">
                      <div>
                        @if(empty($userInfo->company_logo))
                          <img width="235" height="47" alt="" class="invoice-logo" data-src-retina="{{asset('storage/users/default_company.png')}}" data-src="{{asset('storage/users/default_company.png')}}" src="{{asset('storage/users/default_company.png')}}">
                        @else
                          <img width="235" height="47" alt="" class="invoice-logo" data-src-retina="{{asset('storage/'.$userInfo->company_logo)}}" data-src="{{asset('storage/'.$userInfo->company_logo)}}" src="{{asset('storage/'.$userInfo->company_logo)}}">
                        @endif
                        <h4><a href="{{route('admin.users.authlogs',['id' => $userInfo->id])}}">Login History</a></h4>
                        <div class="pull-right sm-m-t-20">
                          <h2 class="font-montserrat all-caps hint-text">
                            @if($userInfo->is_admin == 1)
                              Admin
                            @else
                              User
                            @endif | 
                            @if($userInfo->status == 1)
                              {{config('global.activeTitle')}}
                            @elseif($userInfo->status == 2)
                              {{config('global.pendingTitle')}}
                            @else
                              {{config('global.InactiveTitle')}}
                            @endif 
                          </h2>
                          @if($userInfo->is_admin == 0)
                          <p>
                            <span class="text-black"> Admin </span>: 
                            @isset($userInfo->getRefferedUser)
                              <a href="{{route('admin.users.show',['id' => $userInfo->getRefferedUser->id])}}">
                                {{$userInfo->getRefferedUser->first_name}} {{$userInfo->getRefferedUser->last_name}}
                              </a>
                            @endisset
                          </p>
                          @else
                          <p>
                            <span class="text-black"> Reffered Users Count </span>: {{count($referredUsers)}}
                          </p>
                          @endif

                          <p>
                            <span class="text-black"> Moderation Status </span>:
                            @if($userInfo->can_moderate == 1)
                              Can moderate
                            @else
                              Cannot Moderate
                            @endif
                          </p>
                          
                        </div>
                        <div class="clearfix"></div>
                      </div>
                      <br>
                      <br>
                      <div class="col-12">
                        <div class="row">
                          <div class="col-lg-9 col-sm-height sm-no-padding">
                            
                            <h2 class="semi-bold m-t-0">{{$userInfo->first_name}} {{$userInfo->last_name}}</h2>
                            <p><b>Created at</b> : {{$userInfo->created_at->format('l jS \\of F Y h:i:s A')}}</p>
                            <address>
                                Company Information
                                <br><b>Company Name</b> : {{$userInfo->company_name}}
                                <br><b>Address</b> : {{$userInfo->company_address}}
                                <br><b>Company Website</b> : {{$userInfo->website}}
                            </address>
                          </div>
                          <div class="col-lg-3 sm-no-padding sm-p-b-20 d-flex align-items-end justify-content-between">
                            <div>
                              <div class="font-montserrat bold all-caps">Email :</div>
                              <div class="font-montserrat bold all-caps">Contact :</div>
                              @if(!empty($userInfo->referral_code) && $userInfo->is_admin == 1)
                                <div class="font-montserrat bold all-caps">REF Code :</div>
                              @endif
                              <div class="clearfix"></div>
                            </div>
                            <div class="text-right">
                              <div class="">{{$userInfo->email}}</div>
                              <div class="">{{$userInfo->mobile_number}}</div>
                              <div class="">{{$userInfo->referral_code}}</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="table-responsive table-invoice">
                        <table class="table m-t-50">
                          <thead>
                            <tr>
                              <th class="">Other Information</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="">
                                <p class="text-black">Username</p>
                                <p>{{$userInfo->username}}</p>
                              </td>
                              <td class="">
                                <p class="text-black">User Type</p>
                                <p>{{$userInfo->user_type}}</p>
                              </td>
                              <td class="">
                                <p class="text-black">Branch in Current Company</p>
                                <p>{{$userInfo->branches}}</p>
                              </td>
                              <td class="">
                                <p class="text-black">Designation in Current Company</p>
                                <p>{{$userInfo->designation}}</p>
                              </td>
                            </tr>
                            
                            <tr>
                              <td class="">
                                <p class="text-black">Alternate Contact Number</p>
                                <p>{{$userInfo->alternate_number}}</p>
                              </td>
                              <td class="">
                                <p class="text-black">Alternate Email</p>
                                <p>{{$userInfo->alternate_email}}</p>
                              </td>
                              <td class="">
                                <p class="text-black">Area of Expertise</p>
                                <p>{{$userInfo->area_of_expertise}}</p>
                              </td>
                            </tr>
                            <tr>
                              <td class="">
                                <p class="text-black">Country</p>
                                <p> @isset($userInfo->getCountry->name){{$userInfo->getCountry->name}}@endisset</p>
                              </td>
                              <td class="">
                                <p class="text-black">State</p>
                                <p>@isset($userInfo->getState->name){{$userInfo->getState->name}}@endisset</p>
                              </td>
                              <td class="">
                                <p class="text-black">City</p>
                                <p>@isset($userInfo->getCity->name){{$userInfo->getCity->name}}@endisset</p>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <p class="text-black">About Company</p>
                                <p>{{$userInfo->about_company}}</p> 
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <p class="text-black">Notes</p>
                                <p>{{$userInfo->notes}}</p>
                              </td>
                            </tr>                    
                          </tbody>
                        </table>
                        {{-- permissions starts --}}
                        <table class="table m-t-50">
                          <thead>
                            <tr>
                              <th class="">Permissions</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              @if( count($userPermissions) != 0 )
                                @foreach( $userPermissions as $userPermission )
                                  <td>{{$userPermission->name}}</td>
                                @endforeach
                              @endif
                            </tr>
                          </tbody>
                        </table>
                        {{-- permissions ends --}}
                      </div>
                      <br>
                      <div class="p-l-15 p-r-15">
                        <div class="row b-a b-grey">
                          <div class="col-md-2 p-l-15 sm-p-t-15 clearfix sm-p-b-15 d-flex flex-column justify-content-center">
                           
                          </div>
                          <div class="col-md-5 clearfix sm-p-b-15 d-flex flex-column justify-content-center">
                            
                          </div>
                          <div class="col-md-5 text-right  col-sm-height padding-15  justify-content-center align-items-end">
                            <a href="{{route('admin.users.edit',['id' => $userInfo->id])}}" class="btn btn-success">Edit Information</a>
                            <a href="#" data-toggle="modal" data-target="#modalSlideUp" class="btn btn-danger" id="deleteEntity" data-id="{{$userInfo->id}}">Delete User</a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              {{-- userInformation ends here --}}

              {{-- associatedUsers starts here --}}
              @if($userInfo->is_admin == 1)
              <div class="tab-pane active" id="associatedUsers">
                {{-- if admin show registered users starts--}}
                <div class="card card-transparent">
                  <div class="card-header ">
                    <div class="card-title">Associated Users
                    </div>
                    <div class="pull-right">
                      <div class="col-xs-12">
                        <input type="text" id="search-table" class="form-control pull-right" placeholder="Search">
                      </div>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="card-body">
                    @if( count($referredUsers) != 0 )
                      <table class="table table-hover demo-table-search table-responsive-block" id="tableWithSearch">
                        <thead>
                          <tr>
                            <th style="width:1%">sr</th>
                            <th>Name</th>
                            <th>Company Name</th>
                            <th>Email</th>
                            <th>Mobile Number</th>
                            <th>City</th>
                            <th>Last Login</th>
                            <th>Status</th>
                          </tr>
                        </thead>
                        <tbody>
                          @php
                            $sr = 0;
                          @endphp
                          @foreach( $referredUsers as $referredUser )
                            <tr>
                              <td class="v-align-middle semi-bold" >{{++$sr}}</td>
                              <td class="v-align-middle semi-bold">
                                <a href="{{route('admin.users.show',['id' => $referredUser->id])}}">{{$referredUser->first_name}} {{$referredUser->last_name}}</a>
                              </td>
                              <td class="v-align-middle">
                                <p>{{$referredUser->company_name}}</p>
                              </td>
                              <td class="v-align-middle">
                                <p>{{$referredUser->email}}</p>
                              </td>
                              <td class="v-align-middle">
                                <p>{{$referredUser->mobile_number}}</p>
                              </td>
                              <td class="v-align-middle">
                                <p>
                                  @if($referredUser->getCity)
                                    {{$referredUser->getCity->name}}
                                  @endif
                                </p>
                              </td>
                              <td class="v-align-middle">
                                <p>April 13,2014 10:13</p>
                              </td>
                              <td class="v-align-middle">
                                <p>
                                  <button class="btn @if($referredUser->status == 1) btn-default @else btn-danger @endif btn-sm  btn-rounded m-r-20">
                                  @if($referredUser->status == 1)
                                    {{config('global.activeTitle')}}
                                  @elseif($referredUser->status == 2)
                                    {{config('global.pendingTitle')}}
                                  @else
                                    {{config('global.InactiveTitle')}}
                                  @endif
                                  </button>
                                </p>
                              </td>
                            </tr>
                          @endforeach
                        </tbody>
                      </table>
                    @else
                    @endif
                  </div>
                </div>
                {{-- if admin show registered users ends--}}
              </div>
              @endif
              {{-- associatedUsers ends here --}}
              
              {{-- userSpaces starts here --}}
              
              <div class="tab-pane" id="userSpaces">
                <div class="row">
                  <div class="col-lg-12">
                    @if($userInfo->can('ooh space'))
                      <table class="table table-hover demo-table-search table-responsive-block" id="tableWithSearch">
                        <thead>
                          <tr>
                            <th style="width:2%">sr</th>
                            <th style="width:10%">Media Type</th>
                            <th style="width:10%">City</th>
                            <th style="width:20%">Area</th>
                            <th style="width:20%">Point Of Interest</th>
                            <th style="width:20%">Size</th>
                            <th style="width:10%">Offer Price</th>
                            <th style="width:5%">View</th>
                          </tr>
                        </thead>
                        <tbody>
                          @php
                            $sr = 0;
                          @endphp
                          @foreach( $userInfo->getUserSpaces as $userSpace )
                            <tr>
                              <td class="v-align-middle semi-bold" >{{++$sr}}</td>
                              <td class="v-align-middle semi-bold">
                                <p>{{$userSpace->media_type}}</p>
                              </td>
                              <td class="v-align-middle">
                                <p>
                                  @if($userSpace->getCity)
                                    {{$userSpace->getCity->name}}
                                  @endif
                                </p>
                              </td>
                              <td class="v-align-middle">
                                <p>
                                  @if($userSpace->getAreaLocality)
                                    {{$userSpace->getAreaLocality->locality}}
                                  @endif
                                </p>
                              </td>
                              <td class="v-align-middle">
                                <p>
                                  @if($userSpace->PointOfIntrest)
                                    {{$userSpace->PointOfIntrest->title}}
                                  @endif
                                </p>
                              </td>
                              <td class="v-align-middle">
                                @if($userSpace->custom_area)
                                  {{$userSpace->custom_area}}
                                @else
                                  <p>{{$userSpace->height}} x {{$userSpace->width}} - 
                                  @if($userSpace->unit == 1)
                                    Feet
                                  @elseif($userSpace->unit == 2)
                                    Meter
                                  @elseif($userSpace->unit == 3)
                                    Inch
                                  @endif
                                </p>
                                @endif
                              </td>
                              
                              <td class="v-align-middle">
                                <p>{{$userSpace->offer_price}}</p>
                              </td>
                              <td class="v-align-middle">
                                <a href="{{route('admin.users.oohspace.show',['id' => $userSpace->id])}}" class="btn btn-complete btn-sm">View</a>
                              </td>
                            </tr>
                          @endforeach
                        </tbody>
                      </table>
                    @else
                      <h3>This user does not has permission to add ooh space.!</h3>
                    @endif
                  </div>
                </div>
              </div>
              
              {{-- userSpaces ends here --}}

              <div class="tab-pane" id="changePassword">
                <div class="row">
                  <div class="card card-default m-t-20">
                    <h4>Change Password</h4>
                    <div class="card-body">
                      <form method="post" action="{{route('admin.users.change.password')}}">
                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                              <p>Password</p>
                              <input type="password" name="password" placeholder="Password" class="typeahead form-control sample-typehead">
                            </div>
                            <div class="col-md-4">
                              <p>Confirm Password</p>
                              <input type="password" name="confirm_password" placeholder="Confirm Password" class="typeahead form-control sample-typehead">
                            </div>
                            <input type="hidden" name="userId" value="{{$userInfo->id}}">
                            <div class="col-md-4">
                              <button class="btn btn-complete" style="margin-top: 30px">Change Password</button>
                            </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        {{-- tab ends here --}}
        <!-- START PAGE CONTENT -->
        
        
        <div class="col-md-12">
            @if ($errors->any())
              <div class="alert alert-danger">
                  <ul>
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
            @endif
            @if(Session::has('success'))
              <div class="alert alert-success">
                {{Session::get('success')}}
              </div>
            @endif
        </div>
        <!-- END PAGE CONTENT -->
      </div>
    </div>
    {{-- Delete Modal Starts here --}}
    @include('admin.partials.deleteModal')
    {{-- Delete Modal ends here --}}
    @include('admin.partials.footer')
    <!-- END COPYRIGHT -->
  </div>
  <!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')
<script src="{{asset('assets/plugins/jquery-datatable/media/js/jquery.dataTables.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-datatable/extensions/TableTools/js/dataTables.tableTools.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-datatable/media/js/dataTables.bootstrap.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-datatable/extensions/Bootstrap/jquery-datatable-bootstrap.js')}}" type="text/javascript"></script>
    <script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/datatables.responsive.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/lodash.min.js')}}"></script>
<script src="{{asset('assets/js/datatables.js')}}" type="text/javascript"></script>
<script type="text/javascript">
  $(document).on('click', '#deleteEntity', function(event) {
    var entityId = $(this).attr('data-id');
    // need to import delete modal (double check)
    console.log(entityId);
    $('#entity_id').val(entityId);
    $('#deleteEntityForm').attr('action', '{{route('admin.users.delete')}}');
  });
</script>
@endsection