@extends('apex-layouts.main')

@section('title', $model->id.' '.$model->source)

@section('header-right')
    <a data-url="{{route("pos.edit",$model->id)}}"
       data-modal-id="add-status-change-modal-{{$model->id}}"
       class="ajax-base-modal btn btn-raised btn-light round mr-1 mb-1">
        <i class="fa fa-repeat primary"></i>
    </a>
@endsection

@section('content')
    <section id="basic-form-layouts">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="px-3">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h4 class="card-title">Order {!! $model->id !!}</h4>
                                        <span class="mr-3"><i class="fa fa-clock-o indigo mr-1">
                                            </i>
                                        <span>Created On :{!!\App\helpers\ViewCommonHelper::getDateFormat($model->created_at,1) !!}</span>
                                            <br>
                                            <i class="fa fa-clock-o warning mr-1"></i>
                                            <span>Updated On :{!!\App\helpers\ViewCommonHelper::getDateFormat($model->updated_at,1) !!}</span>
                                        </span>
                                    </div>
                                    <div class="modal-body">
                                        <strong class="font-large-1">{!! $model->source !!} Order</strong>
                                        <span class="pull-right font-large-1">
                @if($model->discountAmount)
                                                <p class="mr-1 warning">Discount Rs: - {!! $model->discountAmount !!} </p>
                                            @endif
                                            @if($model->refundAmount)
                                                <p class="mr-1 danger">Refund Rs: {!! $model->refundAmount !!} </p>
                                            @endif

                    <p class="mr-1 success">Total Rs: {!! $model->totalAmount !!} </p>
                </span>
                                        <p>
                                            @if($member)
                                                <strong>Name : </strong><span
                                                    class="ml-1">{!! $member->name??" - " !!}</span>
                                                <strong>phone : </strong><span
                                                    class="ml-1">{!! $member->phone??" - " !!}</span>
                                            @endif
                                            <strong>Address : </strong><span
                                                class="ml-1">{!! $model->address??" - " !!}</span><br>
                                        </p>

                                        <span class="mr-3"><i
                                                class="fa fa-circle  {!! ($model->status == "DELIVERED")?"success":"red" !!} mr-1"></i><span>{!! $model->status !!}</span></span>
                                        <span class="mr-3"><i
                                                class="fa fa-pie-chart  indigo mr-1"></i><span>{!! $model->type !!}</span></span>

                                        @if(!empty($dispositions[0]))
                                            <p><span class="font-weight-bold"> Dispositions</span></p>
                                            @foreach($dispositions as $order_reason)
                                                <p>
                                                    <span class="badge badge-dark">{{$order_reason->status}}</span>
                                                    <span>{!!  ': '.$order_reason->comment !!}</span> |
                                                    ({!! \App\helpers\ViewCommonHelper::getDateFormat($order_reason->created_at,1) !!}
                                                    )
                                                </p>
                                            @endforeach
                                        @endif
                                        <div class="card">
                                            <div class="card-header">
                                                Items
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    @foreach($items as $item)
                                                        <div class="col-md-4 card-block">
                                                            <div class="media mb-1">
                                                                <a class="image-show"
                                                                   data-title="{!!$item->title !!}"><img
                                                                        alt="{{$item->title}}"
                                                                        src="{{($item->logo)?env("IMAGE_BASE_URL")."/".$item->logo:URL::asset(config("params")['images']["avatar"])}}"
                                                                        class="media-object d-flex mr-3 bg-primary height-50 rounded-circle">
                                                                    <small
                                                                        class=" font-small-4">
                                                                        <span
                                                                            class="badge ">Price:{!! $item->amount !!}</span><br>
                                                                        <span
                                                                            class="badge ">status:{!! $item->status !!}</span><br>
                                                                    </small>
                                                                </a>
                                                                <div class="media-body">
                                                                    <h4 class="font-small-3 mt-1 mb-0">{!! $item->title !!}</h4>
                                                                    <small class="text-muted font-small-4">
                                                                        <span
                                                                            class="badge badge-light">Kcal:{!! $item->totalCalories !!}</span><br>
                                                                        <span
                                                                            class="badge badge-small  badge-light ">qty: {{$item->qty}}</span>
                                                                        <span
                                                                            class="badge badge-small  badge-light ">Amount : {{$item->qty*$item->amount}}</span>
                                                                    </small>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <form method="post" class="form" action="{{route('orders.update',$model->id)}}">
                                @csrf
                                <div class="form-body">
                                    <h4 class="form-section"><i class="ft-user"></i>{{ 'Order info' }}</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="orders_phone">search by phone</label>
                                                <input type="phone" id="phone"
                                                       oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                                       pattern="[0-9]{4}[0-9]{3}[0-9]{4}"
                                                       maxlength="11"
                                                       class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('phone'))? old('phone'): $member->phone}}"
                                                       placeholder="members phone"
                                                       name="phone" autofocus>
                                                @if ($errors->has('phone'))
                                                    <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('phone') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="orders_name">Name</label>
                                                <input type="text" id="members_name"
                                                       class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('name'))? old('name'): $member->name}}"
                                                       placeholder="members name"
                                                       name="name" autofocus>
                                                @if ($errors->has('name'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('name') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="orders_email">Email</label>
                                                <input type="email" id="members_email"
                                                       class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('email'))? old('email'): $member->email}}"
                                                       placeholder="members email"
                                                       name="email" autofocus>
                                                @if ($errors->has('email'))
                                                    <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('email') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="orders_object">Object</label>
                                                <input type="text" id="members_source"
                                                       class="form-control{{ $errors->has('object') ? ' is-invalid' : '' }}"
                                                       value="{{ (old('objectId'))? old('objectId'): $model->objectId}}"
                                                       placeholder="food panda or Careem"
                                                       name="objectId" autofocus>
                                                @if ($errors->has('email'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('email') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="orders_quote">Address</label>
                                                <textarea type="text"
                                                          class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}"
                                                          value="{{ (old('address'))? old('address'): $model->address}}"
                                                          placeholder="Address here ..."
                                                          name="address">{{old('address')}}</textarea>
                                                @if ($errors->has('address'))
                                                    <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('address') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-raised btn-raised btn-primary pull-right">
                                        <i class="fa fa-check-square-o"></i> Order
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $("#phone").on("change", function () {
            var value = $(this).val();
            if (value < 10)
                alert("wrong phone number");

            jQuery.ajax({
                url: '/ajax/get-member/' + value,
                type: 'get',
                dataType: 'JSON',
                success: function (response) {
                    if (response) {
                        // 03491956495
                        $("#members_name").val(response.name);
                        $("#members_email").val(response.email);
                        $("#members_gender").val(response.gender);
                        $("#members_height").val(response.height);
                        $("#members_weight").val(response.weight);
                    } else {
                        alert("Error", "no data was found ......", "error")
                    }
                }, error: function (error) {
                    console.log(error);

                }
            });
        });

        $("#orders_meal_plan_id").on("change", function () {

            $("#ismealbreakfast").val("");
            $("#ismeallunch").val("");
            $("#ismealsnack").val("");
            $("#ismealdinner").val("");
            $("#ismealbreakfast").removeAttr("disabled");
            $("#ismeallunch").removeAttr("disabled");
            $("#ismealsnack").removeAttr("disabled");
            $("#ismealdinner").removeAttr("disabled");
            var value = $(this).val();

            jQuery.ajax({
                url: '/ajax/get-package/' + value,
                type: 'get',
                dataType: 'JSON',
                success: function (response) {
                    if (response) {
                        if (!response.isBreakfast)
                            $("#ismealbreakfast").attr("disabled", true);
                        if (!response.isLunch)
                            $("#ismeallunch").attr("disabled", true);
                        if (!response.isSnacks)
                            $("#ismealsnack").attr("disabled", true);
                        if (!response.isDinner)
                            $("#ismealdinner").attr("disabled", true);
                        if ($("#orders_on_date").val()) {
                            $("#orders_on_date").change();
                        }

                    } else {
                        alert("Error", "no data was found ......", "error")
                    }
                }, error: function (error) {
                    console.log(error);

                }
            });
        });

        $("#orders_on_date").on("change", function () {
            $("#mealbreakfastLabel").html("");
            $("#meallunchLabel").html("");
            $("#mealsnackLabel").html("");
            $("#mealdinnerLabel").html("");

            var value = $(this).val();

            jQuery.ajax({
                url: '/ajax/get-reservation',
                type: 'get',
                data: {
                    "onDate": value,
                    "meal_plan_id": $("#orders_meal_plan_id").val(),
                },
                dataType: 'JSON',
                success: function (response) {
                    if (response) {

                        if (response.breakfast)
                            $("#mealbreakfastLabel").html(response.breakfast.title);

                        if (response.lunch)
                            $("#meallunchLabel").html(response.lunch.title);

                        if (response.snack)
                            $("#mealsnackLabel").html(response.snack.title);

                        if (response.dinner)
                            $("#mealdinnerLabel").html(response.dinner.title);

                    } else {
                        alert("Error", "no data was found ......", "error")
                    }
                }, error: function (error) {
                    console.log(error);
                }
            });
        });

    </script>

@stop

@section('styles')

@stop