@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('tailor_trips.index')}}">{{__('pages.tailor_trips')}}</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">Receipt no : {{$tailor_trip->id}}</p>
        <p class="text-left text-muted">Request received on : {{$tailor_trip->created_at}}</p>
        <p class="text-left text-muted ">Printed on : {{date('Y-m-d')}}</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="col-12 mb-4">
              <h4  class="text-bold">{{__('pages.customer_info')}}</h4>
            </div>
              <div class="form-group col-md-2 col-2-print">
                  <label for="title">{{__('pages.title')}}</label>
                  <input type="text" name="title" class="form-control" id="title" value="{{ $tailor_trip->title }}" readonly>
              </div>

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

              <div class="form-group col-md-5 col-5-print">
                  <label for="last_name">{{__('names.last_name')}}</label>
                  <input type="text" name="last_name" class="form-control" id="last_name" value="{{ $tailor_trip->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="{{ $tailor_trip->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="{{ $tailor_trip->phone }}" readonly>
              </div>
            
              <div class="form-group col-md-6  col-6-print">
                  <label for="nationality">{{__('pages.nationality')}}</label>
                  <input type="nationality" name="nationality" class="form-control" id="nationality" value="{{ $tailor_trip->nationality }}" readonly>
              </div>

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

              <hr class="col-12">

              <div class="col-12 mb-4">
                <h4  class="text-bold">{{__('pages.trip_info')}}</h4>
              </div>


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

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

              <div class="form-group col-md-4 col-4-print">
                  <label for="adults">{{__('pages.adults')}}</label>
                  <input type="adults" name="adults" class="form-control" id="adults" value="{{ $tailor_trip->adults }}" readonly>
              </div>

              <div class="form-group col-md-4  col-4-print">
                  <label for="children">{{__('pages.children')}}</label>
                  <input type="children" name="children" class="form-control" id="children" value="{{ $tailor_trip->children }}" readonly>
              </div>

              <div class="form-group col-md-4  col-4-print">
                  <label for="infants">{{__('pages.infants')}}</label>
                  <input type="infants" name="infants" class="form-control" id="infants" value="{{ $tailor_trip->infants }}" 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>{{ $tailor_trip->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