@extends('layouts.master')
@section('header')
    @include('layouts.partials.header')
@endsection
@section('navbar')
    @include('layouts.partials.nav')
@endsection
@section('sidebar')
    @include('layouts.partials.sidebar')
@endsection
@section('content')
    <!-- ============================================================== -->
    <!-- Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-5 align-self-center">
                <h4 class="page-title">{{__("Dashboard")}}</h4>
                <div class="d-flex align-items-center">

                </div>
            </div>
            <div class="col-7 align-self-center">
                <div class="d-flex no-block justify-content-end align-items-center">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{route('orders.index')}}">{{__("Orders")}}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{__("Edit")}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Container fluid  -->
    <!-- ============================================================== -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-body">
                    @include('layouts.partials.flash-message')
                    <h4 class="card-title float-left">{{__("Edit Order")}}</h4>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12">
                            <form id="edit-order-form" class="validate-form" method="POST" action="{{ route('orders.update',$item->id) }}">
                                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                {{ method_field('PATCH') }}
                                <hr>
                                <h6 class="card-title">{{__("Customer Info")}}</h6>
                                <hr>
                                <div class="row pt-3">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="customer-name">{{__("Name")}}</label>
                                            <input type="text" readonly value="{{$item->user_name}}" name="customer_name" class="form-control" id="customer-name" placeholder="{{__('Order Name')}}">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="customer-phone">{{__("Phone")}}</label>
                                            <input type="text" readonly value="{{$item->user_phone}}" name="phone" class="form-control" id="customer-phone" placeholder="{{__('Order Phone')}}">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="customer-email">{{__("Email")}}</label>
                                            <input type="text" readonly value="{{$item->user_email}}" name="email" class="form-control" id="customer-email" placeholder="{{__('Order Email')}}">
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <h6 class="card-title">{{__("Address Info")}}</h6>
                                <hr>
                                <div class="row pt-3">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="country_id">{{__("Country")}}</label>
                                            <select name="country_id" id="country_id" class="validate[required] filter-payment form-control">
                                                <option value="">{{__("Select Country")}}</option>
                                                @foreach($countries as $country)
                                                    <option @if($item->country_id==$country->id) selected @endif value="{{$country->id}}">{{$country->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="city_id">{{__("City")}}</label>
                                            <select name="city_id" id="city_id" class="filter_region_ajax validate[required] form-control">
                                                <option value="">{{__("Select City")}}</option>
                                                @foreach($cities as $city)
                                                    <option @if($item->city_id==$city->id) selected @endif value="{{$city->id}}">{{$city->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="region_id">{{__("Region")}}</label>
                                            <select name="region_id" id="region_id" class="validate[required] form-control">
                                                <option value="">{{__("Select Region")}}</option>
                                                @foreach($regions as $region)
                                                    <option @if($item->region_id==$region->id) selected @endif value="{{$region->id}}">{{$region->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="customer-address">{{__("Address")}}</label>
                                            <input type="text" value="{{$item->address}}" name="address" class="form-control validate[required]" id="customer-address" placeholder="{{__('Order Address')}}">
                                        </div>

                                    </div>
                                </div>
                                <hr>
                                <h6 class="card-title">{{__("Product Info")}}</h6>
                                <hr>
                                <div class="row pt-3">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="category_id">{{__("Category")}}</label>
                                            <select name="category_id" id="category_id" class="validate[required] form-control">
                                                <option value="">{{__("Select Category")}}</option>
                                                @foreach($categories as $category)
                                                    <option @if($item->category_id==$category->id) selected @endif value="{{$category->id}}">{{$category->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="product_id">{{__("Product")}}</label>
                                            <select name="product_id" id="product_id" class="validate[required] form-control">
                                                <option value="">{{__("Select Product")}}</option>
                                                @foreach($products as $product)
                                                    <option @if($item->product_id==$product->id) selected @endif value="{{$product->id}}">{{$product->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="quantity" class="control-label">{{__("Quantity")}}</label>
                                            <div class="input-group">
                                              <span class="input-group-btn">
                                                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quantity">
                                                      <span class="fas fa-minus"></span>
                                                  </button>
                                              </span>
                                                <input type="text" name="quantity" class="form-control input-number" value="{{$item->quantity}}" min="1" >
                                                <span class="input-group-btn">
                                                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
                                                      <span class="fas fa-plus"></span>
                                                  </button>
                                              </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-4">
                                        <label for="coupon_code">{{__("Coupon")}}</label>
                                        <input type="text"  value="{{$item->coupon_code}}" name="coupon_code" class="form-control" id="coupon_code" placeholder="{{__('Coupon Code')}}">
                                    </div>
                                    <div class="form-group col-4">
                                        <label for="delivery_date" class="control-label">{{__("Delivery Date")}}</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <span class="ti-calendar"></span>
                                                    </span>
                                            </div>
                                            <input type='text' name="delivery_date" value="{{date('Y-m-d', strtotime($item->delivery_date))}}" class="form-control pickadate-clear-buttons validate[required]" placeholder="{{__("Delivery Date")}}" />
                                        </div>
                                    </div>
                                    <div class="form-group col-4">
                                        <label class="control-label col-form-label">{{__("Delivery Shift")}}</label>
                                        <div class="form-group">
                                            <div class="form-check form-check-inline">
                                                <div class="custom-control custom-radio">
                                                    <input @if($item->delivery_shift=='am') checked @endif type="radio" class="custom-control-input pl-2 validate[groupRequired[delivery_shift]]" id="am" value="am" name="delivery_shift">
                                                    <label class="custom-control-label" for="am">{{__("Am")}}</label>
                                                </div>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <div class="custom-control custom-radio">
                                                    <input @if($item->delivery_shift=='pm') checked @endif type="radio" class="custom-control-input validate[groupRequired[delivery_shift]]" id="pm" value="pm" name="delivery_shift">
                                                    <label class="custom-control-label" for="pm">{{__("Pm")}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="payment_method">{{__("Payment Method")}}</label>
                                            <select name="payment_method" id="payment_method" class="validate[required] form-control">
                                                <option value="">{{__("Select Payment Method")}}</option>
                                                @foreach($payment_methods as $payment_method)
                                                    <option @if($item->payment_methods==$payment_method->id) selected @endif value="{{$payment_method->id}}">{{$payment_method->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-4">
                                        <label class="control-label col-form-label">{{__("Paid ?")}}</label>
                                        <div class="form-group">
                                            <div class="form-check form-check-inline">
                                                <div class="custom-control custom-radio">
                                                    <input @if($item->is_paid==1) checked @endif type="radio" class="custom-control-input pl-2 validate[groupRequired[is_paid]]" id="paid" value="1" name="is_paid">
                                                    <label class="custom-control-label" for="paid">{{__("Yes")}}</label>
                                                </div>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <div class="custom-control custom-radio">
                                                    <input @if($item->is_paid==0) checked @endif type="radio" class="custom-control-input validate[groupRequired[is_paid]]" id="not_paid" value="0" name="is_paid">
                                                    <label class="custom-control-label" for="not_paid">{{__("No")}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="order-notes">{{__("Order Notes")}}</label>
                                    <textarea id="order-notes" name="notes" class="form-control " rows="3" placeholder="{{__("Order Notes")}}">{{$item->notes}}</textarea>
                                </div>
                                <div class="form-group">
                                    <label for="order_status" class="control-label col-form-label">{{__("Status")}}</label>
                                    <div class="form-group">
                                        <select name="order_status" id="order_status" class="validate[required] form-control">
                                            <option @if($item->order_status=='pending') selected @endif value="pending">{{__('Pending')}}</option>
                                            <option @if($item->order_status=='processing') selected @endif value="processing">{{__('Processing')}}</option>
                                            <option @if($item->order_status=='ondelivery') selected @endif value="ondelivery">{{__('On Delivery')}}</option>
                                            <option @if($item->order_status=='delivered') selected @endif value="delivered">{{__('Delivered')}}</option>
                                            <option @if($item->order_status=='canceled') selected @endif value="canceled">{{__('Canceled')}}</option>
                                        </select>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-success mr-2">{{__("Save")}}</button>
                                <a href="{{ route('orders.index') }}" class="btn btn-dark">{{__("Back")}}</a>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
@endsection
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
@section('footer')
    @include('layouts.partials.footer')
@endsection
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->

@section('scripts')
    @include('layouts.partials.scripts')
@endsection