@extends('admin.layouts.master')
@section('title','Create a new order |')
@section('body')
@component('admin.component.breadcumb',['secondaryactive' => 'active'])


@slot('heading')
{{ __('Inhouse Orders') }}
@endslot

@slot('menu1')
{{ __('Create Order') }}
@endslot

@slot('button')

<div class="col-md-6">
    <div class="widgetbar">
        <a href="{{ route('offline-orders.index') }}" class="btn btn-primary-rgba mr-2">
            <i class="feather icon-arrow-left mr-2"></i> {{__("Back")}}
        </a>
    </div>
</div>
@endslot
@endcomponent
<div class="contentbar">
    <div class="row">

        <div class="col-lg-12 m-b-30">

            @if ($errors->any())
                <div class="alert alert-danger" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true" style="color:red;">&times;</span></button>
                @foreach($errors->all() as $error)
                    <p>{{ $error}}</p>
                @endforeach
                </div>
            @endif

            <form action="{{ route('offline-orders.store') }}" method="POST">
                @csrf
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">
                            {{ __('Customer Details') }}
                        </h4>
                    </div>
            
                    <div class="card-body">
                        <div class="row">
            
                            <div class="col-md-3">
                              
                              <div class="form-group">
                                  <label>
                                    Invoice Date: 
                                  </label>
                                  <div class='input-group date'>
                                    <input id='default-date' placeholder="Enter invoice date" value="{{ old('invoice_date') }}" name="invoice_date" type='text' class="form-control" />
                                    <span class="input-group-text">
                                      <span class="feather icon-calendar"></span>
                                    </span>
                                  </div>
                                 
                              </div>
            
                             
            
                            </div>
            
            
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="my-input">Customer Name: <span class="text-danger">*</span></label>
                                    <div class="input-group">
            
                                        <span class="input-group-text" id="basic-addon1">
                                            <i class="feather icon-user" aria-hidden="true"></i>
                                        </span>
                                        <input id="customer_search" value="{{ old('customer_name') }}" required id="my-input"
                                            class="form-control" type="text" name="customer_name" placeholder="eg: John doe">
                                        <input type="hidden" name="customer_id" id="customer_id">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="my-input">Customer email: <span class="text-danger">*</span></label>
                                    <div class="input-group">
            
                                        <span class="input-group-text" id="basic-addon1">
                                            <i class="feather icon-at-sign" aria-hidden="true"></i>
                                        </span>
                                        <input value="{{ old('customer_email') }}" required id="my-input"
                                            class="form-control customer_email" type="email" name="customer_email"
                                            placeholder="eg: john@example.com">
                                    </div>
                                </div>
                            </div>
            
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="my-input">Customer Contact No: <span class="text-danger">*</span></label>
                                    <div class="input-group">
            
                                        <span class="input-group-text" id="basic-addon1">
            
                                            <i class="feather icon-phone" aria-hidden="true"></i>
            
                                        </span>
            
            
                                        <input maxlength="10" value="{{ old('customer_phone') }}" required pattern="[0-9]+" required id="my-input" class="form-control customer_phone" type="text" name="customer_phone"
                                            placeholder="eg: 12345678980">
                                    </div>
                                </div>
                            </div>
            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="my-input">Customer Shipping Address: <span class="text-danger">*</span></label>
                                    <textarea placeholder="B-123, Los Street, Washington DC, USA" required
                                        class="form-control customer_shipping_address" name="customer_shipping_address" id=""
                                        cols="30" rows="5">{{ old('customer_shipping_address') }}</textarea>
                                        <label class="text-muted"><input checked {{ old('mark_as_default') ? 'checked' : '' }} type="checkbox" id="same_as_shipping" name="mark_as_default">
                                            {{ __('Mark as default address') }}</label>
                                </div>
                            </div>
            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="my-input">Customer Billing Address: <span class="text-danger">*</span></label>
                                    <textarea placeholder="B-123, Los Street, Washington DC, USA" required
                                        class="form-control customer_billing_address" name="customer_billing_address" id=""
                                        cols="30" rows="5">{{ old('customer_billing_address') }}</textarea>
                                    <label class="text-muted"><input checked {{ old('same_as_shipping') ? 'checked' : '' }} type="checkbox" id="same_as_shipping" name="same_as_shipping">
                                        {{ __('Same as Shipping address') }}</label>
                                </div>
                            </div>
            
                            <div class="col-md-3">
            
                                <label class="control-label" for="">
                                    Country: 
                                </label>
                 
                                <select onchange="getstate();" data-placeholder="{{ __("Please select country") }}" required name="country_id" class="form-control select2 country_id" id="country_id">
                                     <option value="">Please Choose</option>
                                       @foreach($country as $c)