@extends('layouts.includes.agent.header')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
    Customers Details
    <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Customers Details</a></li>
      <li class="active">Dashboard</li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    @include('layouts.includes.adminlte.alerts')
    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-header with-border">
            <h3 class="box-title" style="padding-top: 5px;"></h3>
            <div class="box-tools">
              
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <div class="col-md-12">
              <!-- Widget: user widget style 1 -->
             
            <div class="box-header with-border">
            
            </div>
            <!-- /.box-header -->

              <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">Customers Details</a></li>
              <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">Service Log</a></li>
              <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">Activity Log</a></li>
              
              <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="tab_1">
                 <!-- form start -->
            <form class="form-horizontal">
              <div class="box-body">
                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label">Name</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="name" readonly="true" value="{{$customers->firstname}} {{$customers->lastname}}">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Address</label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="address"  readonly="true" value="{{$customers->address_one}}">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label"></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="address" value="{{$customers->address_two}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label"></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="address" value="{{$customers->address_three}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label"></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="address" value="{{$customers->address_four}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">PostCode</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->postcode}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">State</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->state}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Area</label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="address" value="{{$customers->area}}" readonly="true">
                  </div>
                </div>

                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Phone</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->phone_one}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label"></label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->phone_two}}" readonly="true">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label"></label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->phone_three}}" readonly="true">
                  </div>
                </div>

                 <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Model No</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->models}}" readonly="true">
                  </div>
                </div>

                 <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Serial No</label>

                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="address" value="{{$customers->serial_no}}" readonly="true">
                  </div>
                </div>
                 <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Purchase Date</label>

                  <div class="col-sm-6">
                    <input type="date" class="form-control" id="address" value="{{$customers->purchase_date}}" readonly="true">
                  </div>
                </div>

                 <div class="form-group">
                  <label for="inputPassword3" class="col-sm-2 control-label">Remarks</label>

                  <div class="col-sm-10">
                    <textarea name="" class="form-control" readonly="true">{{$customers->remarks}}</textarea>
                  </div>
                </div>
               
              </div>
              <!-- /.box-body -->
             
            </form>
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_2">
                The European languages are members of the same family. Their separate existence is a myth.
                For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ
                in their grammar, their pronunciation and their most common words. Everyone realizes why a
                new common language would be desirable: one could refuse to pay expensive translators. To
                achieve this, it would be necessary to have uniform grammar, pronunciation and more common
                words. If several languages coalesce, the grammar of the resulting language is more simple
                and regular than that of the individual languages.
              </div>
              <!-- /.tab-pane -->
              <div class="tab-pane" id="tab_3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                It has survived not only five centuries, but also the leap into electronic typesetting,
                remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                sheets containing Lorem Ipsum passages, and more recently with desktop publishing software
                like Aldus PageMaker including versions of Lorem Ipsum.
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>           
         
              <!-- /.widget-user -->
            </div>
          </div>
          <!-- /.box-body -->
          
        </div>
      </div>
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection