@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>{{ $company->company_name }}'s Details</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('companies.index') }}">Companies</a></li>
            <li class="breadcrumb-item active">{{ $company->company_name }}'s Details</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-9">
        <div class="row">
          <div class="col-md-4">

            <!-- Profile Image -->
            <div class="card card-primary card-outline image-box">
              <div class="card-body box-profile">
                <div class="text-center">
                  <img class="profile-user-img img-fluid img-circle"
                       src="{{asset('../storage/app/companies/'.$company->company_logo)}}"
                       alt="Company logo" id="company_logo_preview">
                </div>

                <h3 class="profile-username text-center" id="company_name">{{ $company->company_name }}</h3>
                <p class="text-muted text-center" id="company_code">{{ $company->company_code }}</p>
                <p class="text-muted text-center" id="category">{{ ucfirst($company->company_type) }}</p>
                <input type="hidden" class="text-muted text-center" id="company_id" value="{{$company->id}}"/>
                <p class="text-muted text-center" id="gst_number">{{ $company->gst_number }}</p>
               
        
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
          <div class="col-md-8">
            <div class="card image-box">
              <div class="card-body">
                <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                  <h5>Contact Information</h5>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                      
                        <div class="col-xs-4 col-sm-4 col-md-4">
                            <strong><label>Contact Number:</label></strong>
                        </div>
                        <div class="col-xs-8 col-sm-8 col-md-8">
                            {{ $company->telephone_code }} {{ $company->telephone }}
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                      
                        <div class="col-xs-4 col-sm-4 col-md-4">
                            <strong><label>Email:</label></strong>
                        </div>
                        <div class="col-xs-8 col-sm-8 col-md-8">
                            {{ $company->email }}
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                      
                        <div class="col-xs-4 col-sm-4 col-md-4">
                            <strong><label>Website:</label></strong>
                        </div>
                        <div class="col-xs-8 col-sm-8 col-md-8">
                            {{ $company->website }}
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                      
                        <div class="col-xs-4 col-sm-4 col-md-4">
                            <strong><label>Company Address:</label></strong>
                        </div>
                        <div class="col-xs-8 col-sm-8 col-md-8">
                            @if($company->building_name!='' && $company->building_name!=null)
                                {{ $company->building_name }},
                            @endif
                            @if($company->area!='' && $company->area!=null)
                                {{ $company->area }},
                            @endif
                            @if($company->landmark!='' && $company->landmark!=null)
                                {{ $company->landmark }},
                            @endif
                            @if($company->town!='' && $company->town!=null)
                                {{ $company->town }},
                            @endif
                            @if($state!='' && $state!=null)
                                {{ $state->name }},
                            @endif
                            @if($country!='' && $country!=null)
                                {{ $country->name }},
                            @endif
                            @if($company->pin!='' && $company->pin!=null)
                                PIN - {{ $company->pin }}
                            @endif
                        </div>
                      </div>
                    </div> 
                  </div>
                </div>

                @if(count($contact_persons)>0)

                  <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                    <h5>Contact Persons</h5>
                  </div>

                  @php $x = 1 @endphp
                  @foreach($contact_persons as $contact_person)

                    <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                      <div class="row">
                        @if(count($contact_persons)>1)
                          <div class="col-xs-12 col-sm-12 col-md-12">
                              <strong><h5>Contact Person {{$x}}:</h5></strong>
                          </div>
                        @endif
                        <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4">
                                <strong><label>Name:</label></strong>
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8">
                                {{ $contact_person->name }}
                            </div>
                          </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4">
                                <strong><label>Designation:</label></strong>
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8">
                                @if($contact_person->designation!="")
                                  {{ $contact_person->designation }}
                                @else
                                  -
                                @endif
                            </div>
                          </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4">
                                <strong><label>Email:</label></strong>
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8">
                                {{ $contact_person->email }}
                            </div>
                          </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4">
                                <strong><label>Mobile:</label></strong>
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8">
                                {{ $contact_person->mob_code1 }} {{ $contact_person->mobile1 }}
                                @if($contact_person->mobile2!=null)
                                  , {{ $contact_person->mob_code2 }} {{ $contact_person->mobile2 }}
                                @endif
                            </div>
                          </div>
                        </div>

                        

                      </div>
                    </div>
                    @php $x++ @endphp
                  @endforeach
                @endif
    

                <!-- /.tab-content -->
              </div><!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
          <!-- /.card -->
        </div>
        <div class="col-3">
          @include('components.dashboard.vertical')
        </div>
        <!-- /.col -->


            </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
    <!-- <input type="hidden" id="company_id" value="0" > -->
  </section>
<!-- /.content -->



@endsection