@extends('dashboard.layout.default')

@section('page_title',$page_title)

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-left">
            <li class="breadcrumb-item"><a href="{{Route('dashboard')}}">{{ __("pages.home") }}</a></li>
            <li class="breadcrumb-item"><a href="{{Route('contact_us.index')}}">{{__('pages.contact_us')}}</a></li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">


@if(session()->has('success'))
    <div class="alert alert-success">
        {{ session()->get('success') }}
    </div>
@endif
@if($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

    <div class=" d-none d-print-block">
        <h1 class="text-left my-2">{{$page_title}}</h1>
        <p class="text-left text-muted">Request received on : {{$contact_us->created_at->format('Y-m-d h:i a')}}</p>
        <p class="text-left text-muted ">Printed on : {{date('Y-m-d h:i a')}}</p>
    </div>

    <div class="card card-info">
        <div class="card-header">
        <h3 class="card-title">{{$page_title}}</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        
        <div class="card-body">
          <div class="row">
              <div class="form-group col-md-6 col-6-print">
                  <label for="first_name">{{__('names.first_name')}}</label>
                  <input type="text" name="first_name" class="form-control" id="first_name" value="{{ $contact_us->first_name }}" readonly>
              </div>

              <div class="form-group col-md-6 col-6-print">
                  <label for="last_name">{{__('names.last_name')}}</label>
                  <input type="text" name="last_name" class="form-control" id="last_name" value="{{ $contact_us->last_name }}" readonly>
              </div>
              
              <div class="form-group col-md-6 col-6-print">
                  <label for="email">{{__('names.email')}}</label>
                  <input type="email" name="email" class="form-control" id="email" value="{{ $contact_us->email }}" readonly>
              </div>

              <div class="form-group col-md-6 col-6-print">
                  <label for="phone">{{__('names.phone')}}</label>
                  <input type="phone" name="phone" class="form-control" id="phone" value="{{ $contact_us->phone }}" readonly>
              </div>

              <div class="form-group col-md-12 col-12-print">
                  <label for="comment">{{__('pages.comment')}}</label>
                  <textarea name="comment" class="form-control" id="comment" readonly>{{ $contact_us->comment }}</textarea>
              </div>

              <div class="col-12 text-center d-print-none">
                  <a href="javascript:void(0);" onclick="window.print();" class="btn btn-primary">{{__('pages.print')}} <i class="fa fa-print"></i></a>
              </div>


          </div>
        </div>
        <!-- /.card-body -->

    </div>
    <!-- /.card -->

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

@endsection