@php use Carbon\Carbon; @endphp
@extends('layouts.iconbar')

@section('title')
Create Job
@endsection


@section('custom_styles')
<script src="{{ url('css/app.css') }}"></script>
@endsection

@section('content')
@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection
<div class="page-content container-fluid create-page" create id="app">
    <create-order authData="{{ Auth::check() ? Auth::user()->load('role') : null }}" designers="{{ json_encode($designers) }}"/>

    <!-- Steps -->
    <!-- <div
        class="steps steps-sm row"
        data-plugin="matchHeight"
        data-by-row="true"
        role="tablist"
      >
        <div
          class="step col-lg-4 current"
          data-target="#exampleAccount"
          role="tab"
        >
          <span class="step-number">1</span>
          <div class="step-desc">
            <span class="step-title">Account</span>
            <p>Login for identification</p>
          </div>
        </div>

        <div class="step col-lg-4" data-target="#exampleBilling" role="tab">
          <span class="step-number">2</span>
          <div class="step-desc">
            <span class="step-title">Billing</span>
            <p>Pay for the bill</p>
          </div>
        </div>

        <div class="step col-lg-4" data-target="#exampleGetting" role="tab">
          <span class="step-number">3</span>
          <div class="step-desc">
            <span class="step-title">Getting</span>
            <p>Waiting for the goods</p>
          </div>
        </div>
      </div> -->
    <!-- End Steps -->

    <!-- Wizard Content -->
    <!-- <div class="wizard-content">
        <div class="wizard-pane active" id="exampleAccount" role="tabpanel">
          <form id="exampleAccountForm">
            <div class="form-group">
              <label class="form-control-label" for="company_name"
                >Company name</label
              >
              <input
                type="text"
                class="form-control"
                id="company_name"
                name="company_name"
              />
            </div>
            <div class="form-group">
              <label class="form-control-label" for="contact"
                >Contact for this job</label
              >
              <input
                type="text"
                class="form-control"
                id="contact"
                name="contact"
              />
            </div>
            <div class="form-group">
              <label class="form-control-label" for="email">Email</label>
              <input type="text" class="form-control" id="email" name="email" />
            </div>
            <div class="form-group">
              <label class="form-control-label" for="phone">Phone</label>
              <input type="text" class="form-control" id="phone" name="phone" />
            </div>
            <div class="form-group">
              <label class="form-control-label" for="name">Job reference</label>
              <input type="text" class="form-control" id="name" name="name" />
            </div>
          </form>
        </div>
        <div class="wizard-pane" id="exampleBilling" role="tabpanel">
          <form id="exampleBillingForm">
            <div class="form-group">
              <label class="form-control-label" for="carcase"
                >Does your job have carcass (Cabinets)?
              </label>
              <div class="row ml-2">
                <div class="col-md-1 radio-custom radio-primary"></div>
                <div class="col-md-1 radio-custom radio-primary"></div>
              </div>
            </div>
          </form>
        </div>
        <div class="wizard-pane" id="exampleGetting" role="tabpanel">
          <div class="my-20">
            <h4>Carcass/Cabinets</h4>
            <p>
              * please enter carcass with different edging as a separate
              material type
            </p>
          </div>
          <div class="row">
            <div class="col-md-12">Carcass 1</div>
            <div class="col-md-12">
              <div class="row">
                <div class="col">
                  <div class="row">
                    <label>Supplier</label>
                    <select
                      class="form-control"
                      name="carcase[index][supplier]"
                    >
                      <option value="">Select Supplier</option>
                      <option value="TC">TC</option>
                      <option value="Other">Other</option>
                    </select>
                  </div>
                  <div class="row">
                    <label>Other</label>
                    <select
                      class="form-control"
                      name="carcase[index][other_supplier]"
                    >
                      <option value="">Select Other</option>
                      <option value="Polytec">Polytec</option>
                      <option value="Laminex">Laminex</option>
                      <option value="Formica">Formica</option>
                      <option value="Nikpol">Nikpol</option>
                      <option value="Timberwood">Timberwood</option>
                      <option value="Other">Other</option>
                    </select>
                  </div>
                </div>
                <div class="col">
                  <label>Colour</label>
                  <select class="form-control" name="carcase[index][colour]">
                    <option value="">Select Colour</option>
                    <option value="HMR White">HMR White</option>
                    <option value="Melamine">Melamine</option>
                    <option value="Other">Add Manually</option>
                  </select>
                </div>
                <div class="col">
                  <label>Finish</label>
                </div>
                <div class="col">
                  <label>Thickness</label>
                </div>
                <div class="col">
                  <label>Matching Edge?</label>
                </div>
                <div class="col">
                  <label>TC supply</label>
                </div>
                <div class="col">
                  <label>Cabinets Individually wrapped?</label>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12 float-right">
              <button class="btn btn-primary" @click="addCarcase">
                Add Carcase
              </button>
            </div>
          </div>
        </div>
      </div> -->
    <!-- End Wizard Content -->
</div>

@stop

@section('javascript')
@parent
<script src="{{ url('js/app.js') }}"></script>
<!-- <script src="{{ url('iconbar/global/vendor/formvalidation/formValidation.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/global/vendor/formvalidation/framework/bootstrap.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/global/vendor/matchheight/jquery.matchHeight-min.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/global/vendor/jquery-wizard/jquery-wizard.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/global/js/Plugin/jquery-wizard.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/global/js/Plugin/matchheight.js') }}"></script> -->
<!-- <script src="{{ url('iconbar/assets/examples/js/forms/wizard.js') }}"></script> -->
@stop