@extends("layouts.default")

@section("title", trans("lang.orders_",['name'=>__('lang.detail')]))

@section("block-header")
    @lang('lang.orders_',['name'=>trans('lang.detail')])
    <small>
        <a class="btn btn-primary" href="{{ route('order.index') }}">@lang('lang.back')</a>
    </small>
@stop

@section("breadcrumb")
    @parent
    <li class="breadcrumb-item">
        <a href="{{ route('order.index') }}">@lang('lang.orders_',['name'=>trans('lang.list')])</a>
    </li>
    <li class="breadcrumb-item active">
        @lang('lang.order_detail')
    </li>
@stop

@section("content")
        <!-- Basic Table -->
    @includeWhen(Session::has("success"),"inc.alert")

    @if ($errors->any())
        <div class="alert alert">
            @foreach ($errors->all() as $error)
                {{ $error }}
            @endforeach
        </div>
    @endif
    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card">
                <div class="body">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a
                                    class="nav-link {{ !session('detail_offer') && !session("sign-contract") ? 'active' : '' }}"
                                    data-toggle="tab"
                                    href="#order-info">@lang('lang.order_info')</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ session('detail_offer') ? 'active' : '' }}"
                               data-toggle="tab"
                               href="#offer-history">@lang('lang.offer_history')</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ session('sign-contract') ? 'active' : '' }}"
                               data-toggle="tab"
                               href="#contract">@lang('lang.contract')</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel"
                             class="tab-pane {{ !session('detail_offer') && !session("sign-contract") ? 'active' : '' }} in"
                             id="order-info">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="body">
                                        <section class="d-flex">
                                            <div class="w-100">
                                                <h5>
                                                    {!! Helpers::getStatusPurchase(@$data->status) !!}
                                                </h5>
                                                <table class="table">
                                                    <tr>
                                                        <td>@lang('lang.trader_',['name'=>__('lang.name')])</td>
                                                        <td>
                                                            {{ @$data->trader->property->name }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.commodity')</td>
                                                        <td>{{ @$data->commodity->property->name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.qty')</td>
                                                        <td>
                                                            {{ number_format(@$data->property->qty) }}
                                                            {{ @$data->commodity->property->unit }}
                                                            @if (!is_null($acceptOffer))
                                                                <span class="badge badge-success font-12">
                                                                    {{ __('lang.accept') }}
                                                                    {{ $acceptOffer->qty }}
                                                                    {{ @$data->commodity->property->unit }}
                                                                </span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.propose_amount')</td>
                                                        <td>
                                                            {{ @$data->currency }}{{ @$data->propose_amount }}
                                                            @if (!is_null($acceptOffer))
                                                                <span class="badge badge-success font-12">
                                                                    {{ __('lang.accept') }}
                                                                    {{ @$data->currency }}{{ $acceptOffer->propose_amount }}
                                                                </span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.delivery_',['name'=>trans('lang.date')])</td>
                                                        <td>
                                                            {{ Helpers::dateTimeFormat(@$data->delivery_date) }}
                                                            @if (!is_null($acceptOffer))
                                                                <span class="badge badge-success font-12">
                                                                    {{ __('lang.accept') }}
                                                                    {{ Helpers::dateTimeFormat(@$acceptOffer->delivery_date) }}
                                                                </span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.description')</td>
                                                        <td>{{ @$data->property->description }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.province')</td>
                                                        <td>{{ @$data->province->name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.district')</td>
                                                        <td>{{ @$data->district->name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.commune')</td>
                                                        <td>{{ @$data->commune->name}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.village')</td>
                                                        <td>{{ @$data->village->name }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('lang.address')</td>
                                                        <td>{{ @$data->property->address }}</td>
                                                    </tr>
                                                    @can('edit_purchase')
                                                        @if (@$data->status === 1)
                                                            <tr>
                                                                <td></td>
                                                                <td>
                                                                    <a class="btn btn-primary request-status text-white"
                                                                       data-value="3"
                                                                       data-qty="{{ @$qty }}"
                                                                       data-offer-id="{{ @$lastOffer->key }}"
                                                                       data-propose-amount="{{ @$propose_amount }}"
                                                                       data-delivery-date="{{ date('d-M-Y',strtotime(@$delivery_date)) }}"
                                                                       data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.accept')])"
                                                                       data-url="{{ route('order.update',$data->id) }}">
                                                                        @lang('lang.accept')
                                                                    </a>
                                                                    <a class="btn btn-danger request-status text-white"
                                                                       data-value="2"
                                                                       data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.reject')])"
                                                                       data-url="{{ route('order.update',$data->id) }}">
                                                                        @lang('lang.reject')
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    @endcan
                                                </table>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane {{ session('detail_offer') ? 'active' : '' }} in"
                             id="offer-history">

                            @can('edit_purchase')
                                @if ($data->status === 1)
                                    <a class="btn btn-primary btn-make-offer"
                                       data-qty="{{ @$qty }}"
                                       data-propose-amount="{{ @$propose_amount }}"
                                       data-delivery-date="{{ date('d-M-Y',strtotime(@$delivery_date)) }}"
                                       data-url="{{ route('order.update',$data->id) }}"
                                       href="javascript:void(0)">
                                        @lang('lang.make_offer')
                                    </a>
                                @endif
                            @endcan
                            <table class="table table-custom">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>@lang('lang.propose_date')</th>
                                        <th>@lang('lang.qty')</th>
                                        <th class="text-center">@lang('lang.propose_amount')</th>
                                        <th>@lang('lang.delivery_date')</th>
                                        <th>@lang('lang.propose_by')</th>
                                        <th>@lang('lang.status')</th>
                                        <th class="text-center">@lang('lang.action')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @forelse ($offers as $key => $offer)
                                        <tr>
                                            <td>{{ $index++ }}</td>
                                            <td>{{ Helpers::dateTimeFormat(@$offer->propose_date) }}</td>
                                            <td>{{ @$offer->qty }}</td>
                                            <td class="text-center">{{$data->currency}}{{ number_format(@$offer->propose_amount,2) }}</td>
                                            <td>{{ Helpers::dateTimeFormat(@$offer->delivery_date) }}</td>
                                            <td>
                                                @if (@$offer->propose_type === \App\User::class)
                                                    @if (auth()->id() != @$offer->propose_by)
                                                        <a href="{{ route('user-management.show',$offer->propose_by) }}">
                                                            {{ $propose_by = @$offer->propose_type::find(@$offer->propose_by)->name }}
                                                        </a>
                                                    @else
                                                        <a href="{{ route('user.profile',$offer->propose_by) }}">
                                                            {{ $propose_by = @$offer->propose_type::find(@$offer->propose_by)->name }}
                                                        </a>
                                                    @endif
                                                @else
                                                    <a href="{{ route('trader.show',@$offer->propose_by) }}">
                                                        {{ @$offer->propose_type::find(@$offer->propose_by)->property->name }}
                                                    </a>
                                                @endif
                                            </td>
                                            <td>
                                                {!! Helpers::getStatusPurchase($offer->propose_status) !!}</td>
                                            <td class="align-center">
                                                @if (can('edit_purchase|add_purchase'))
                                                    @if ($offer->propose_status === 1 || $offer->propose_status === 3 && $data->contracts->isEmpty())
                                                        <div class="dropdown dropdown-custom">
                                                            <a class="dropdown-toggle" data-toggle="dropdown"
                                                               aria-expanded="true">
                                                                <i class="icon-list"></i>
                                                            </a>
                                                            <div class="dropdown-menu"
                                                                 aria-labelledby="dropdownMenuButton">
                                                                @can('edit_purchase')
                                                                    @if ($offer->propose_status === 1)
                                                                        <a class="dropdown-item request-status"
                                                                           data-value="3"
                                                                           data-qty="{{ @$offer->qty }}"
                                                                           data-offer-id="{{ @$offer->key }}"
                                                                           data-propose-amount="{{ @$offer->propose_amount }}"
                                                                           data-delivery-date="{{ @$offer->delivery_date }}"
                                                                           data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.accept')])"
                                                                           data-url="{{ route('order.update',$data->id) }}">
                                                                            @lang('lang.accept')
                                                                        </a>
                                                                        <a class="dropdown-item request-status"
                                                                           data-value="2"
                                                                           data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.reject')])"
                                                                           data-url="{{ route('order.update',$data->id) }}">
                                                                            @lang('lang.reject')
                                                                        </a>
                                                                    @endif
                                                                @endcan
                                                                @can('add_purchase')
                                                                    @if ($offer->propose_status === 3 && $data->contracts->isEmpty())
                                                                        <a class="dropdown-item sign-contract"
                                                                           data-qty="{{ @$offer->qty }}"
                                                                           data-offer-id="{{ @$offer->key }}"
                                                                           data-propose-amount="{{ @$offer->propose_amount }}"
                                                                           data-delivery-date="{{ @$offer->delivery_date }}"
                                                                           data-propose-date="{{ @$offer->delivery_date }}"
                                                                           data-url="{{ route('sign.contract',$data->id) }}"
                                                                           data-sms="@lang('lang.do_you_',
                                                                   ['name'=>trans('lang.create_',
                                                                   ['name'=>__('lang.contract')])])"
                                                                           href="javascript:void(0)">
                                                                            @lang('lang.contract')
                                                                        </a>
                                                                    @endif
                                                                @endcan
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td>@lang('lang.empty',['name'=>__('lang.make_offer')])</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane {{ session("sign-contract") ? 'active' : "" }} in"
                             id="contract">
                            <table class="table table-custom">
                                <thead>
                                    <tr>
                                        <th>@lang('lang.trader_',['name'=>__('lang.name')])</th>
                                        <th>@lang('lang.propose_date')</th>
                                        <th>@lang('lang.qty')</th>
                                        <th>@lang('lang.propose_amount')</th>
                                        <th>@lang('lang.delivery_',['name'=>__('lang.date')])</th>
                                        <th>@lang('lang.description')</th>
                                        <th>@lang('lang.file')</th>
                                        <th>@lang('lang.status')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($data->contracts as $value)
                                        <tr>
                                            <td>
                                                <a href="{{ route('contract.show',$value->id) }}">
                                                    {{ @$value->trader->property->name }}
                                                </a>
                                            </td>
                                            <td>{{ Helpers::dateTimeFormat(@$value->propose_date) }}</td>
                                            <td>{{ @$value->property->qty }}</td>
                                            <td>{{$data->currency}}{{ @$value->propose_amount }}</td>
                                            <td>{{ Helpers::dateTimeFormat(@$value->delivery_date) }}</td>
                                            <td>{{ @$value->property->description }}</td>
                                            <td>
                                                <a download="{{ @$value->property->files->name }}"
                                                   href="{{ Helpers::setImageSrc(@$value->property->files->path) }}">
                                                    {{ @$value->property->files->name }}
                                                </a>
                                            </td>
                                            <td>
                                                {!! Helpers::getStatusContract($value->status) !!}
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td>@lang('lang.empty',['name'=>__('lang.contract')])</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
@section('modal')
    @can('edit_purchase')

        <form id="form-make-offer" action="" method="post">
            @csrf
            @method("PUT")
            <div id="modal-make-offer"
                 class="modal fade in"
                 tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content text-capitalize">
                        <div class="modal-header">
                            <h5 class="modal-title">@lang('lang.make_offer')</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row clearfix">
                                <div class="col-md-12">
                                    <div class="form-group row">
                                        <label class="col-md-4 control-label my-auto"
                                               for="Qty">@lang('lang.qty')</label>
                                        <div class="col-md-8">
                                            <input type="number" value="{{ old('qty') }}" class="form-control"
                                                   id="qty"
                                                   name="qty"
                                                   placeholder="Qty">
                                            @if($errors->has("qty"))
                                                <span class="text-danger">
                                                    {{ $errors->get("qty") }}
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-4 control-label my-auto"
                                               for="propose_amount">@lang('lang.propose_amount')</label>
                                        <div class="col-md-8">
                                            <input class="form-control"
                                                   value="{{ old('propose_amount') }}"
                                                   type="text" name="propose_amount"
                                                   id="propose_amount"
                                                   placeholder="@lang('lang.propose_amount')">
                                            @if($errors->has("propose_amount"))
                                                <span class="text-danger">
                                                    {{ $errors->get("propose_amount") }}
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-4 control-label my-auto"
                                               for="delivery_date">@lang('lang.delivery_',['name' => trans('lang.date')])</label>
                                        <div class="col-md-8">
                                            <input class="form-control datepick"
                                                   type="text"
                                                   name="delivery_date"
                                                   value="{{ old('delivery_date') }}"
                                                   id="delivery_date"
                                                   placeholder="@lang('lang.delivery_',['name' => trans('lang.date')])">
                                            @if($errors->has("delivery_date"))
                                                <span class="text-danger">
                                                    {{ $errors->get("delivery_date") }}
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <input type="hidden" name="detail_offer" id="detail" value="1">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="text-capitalize btn btn-secondary"
                                    data-dismiss="modal">@lang('lang.close')</button>
                            <button type="submit"
                                    class="text-capitalize btn-save btn btn-success">@lang('lang.save')</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endcan
    @can('add_purchase')

        <form id="form-create-contract" action="" method="post" enctype="multipart/form-data">
            @csrf
            @method("PUT")
            <div id="modal-create-contract"
                 class="modal fade in"
                 tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content text-capitalize">
                        <div class="modal-header">
                            <h5 class="modal-title">@lang('lang.create_',['name'=>trans('lang.contract')])</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row clearfix">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="control-label"
                                               for="description">@lang('lang.description')</label>
                                        <textarea name="property[description]" id="description"
                                                  class="form-control">{{ old('property.description') }}</textarea>
                                        @if($errors->has("property.description"))
                                            <span class="text-danger">
                                                {{ $errors->get("property.description") }}
                                            </span>
                                        @endif
                                    </div>
                                    <input id="qty" type="hidden" name="property[qty]" value="${qty}"/>
                                    <input id="propose_amount" type="hidden" name="property[propose_amount]">
                                    <input id="delivery_date" type="hidden" name="property[delivery_date]"/>
                                    <input id="propose_date" type="hidden" name="property[propose_date]"/>
                                    <input id="offer_key" type="hidden" name="property[offer_key]"/>
                                    <input type="hidden" name="property[detail_offer]" value="1"/>
                                    <div class="form-group text-center ">
                                        <div class="dropzone">
                                            <div class="dz-message">
                                                <div class="drag-icon-cph">
                                                    @if (@$farmer->property->feature_image)
                                                        <img height="300"
                                                             src="{{ Helpers::setImageSrc(@$farmer->property->feature_image->path) }}"
                                                             alt="Image">
                                                    @else
                                                        <i class="material-icons">touch_app</i>
                                                    @endif
                                                </div>
                                                <p>click to upload.</p>
                                            </div>
                                            <div class="fallback">
                                                <input id="uploadImage" name="file" type="file"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="text-capitalize btn btn-secondary"
                                    data-dismiss="modal">@lang('lang.close')</button>
                            <button type="submit"
                                    class="text-capitalize btn-save btn btn-success">@lang('lang.save')</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endcan
@stop
@section('script')
    <script>
        $(".btn-make-offer").on('click', function () {
            const url = $(this).attr('data-url');
            const qty = $(this).attr('data-qty');
            const propose_amount = $(this).attr('data-propose-amount');
            const delivery_date = $(this).attr('data-delivery-date');
            $("#qty").val(qty);
            $("#propose_amount").val(propose_amount);
            $("#delivery_date").val(delivery_date);
            $("#form-make-offer").attr('action', url);
            $("#modal-make-offer").modal("show");
        });
        $(".request-status").on('click', function () {
            const data = $(this).attr('data-value');
            const url = $(this).attr('data-url');
            const sms = $(this).attr('data-sms');
            const qty = $(this).attr('data-qty');
            const propose_amount = $(this).attr('data-propose-amount');
            const delivery_date = $(this).attr('data-delivery-date');
            const propose_date = $(this).attr('data-propose-date');
            const offer_key = $(this).attr('data-offer-id');
            let temp = `<input type="hidden" name="qty" value="${qty}" />`;
            temp += `<input type="hidden" name="propose_amount" value="${propose_amount}" />`;
            temp += `<input type="hidden" name="delivery_date" value="${delivery_date}" />`;
            temp += `<input type="hidden" name="propose_date" value="${propose_date}" />`;
            temp += `<input type="hidden" name="offer_key" value="${offer_key}" />`;
            temp += `<input type="hidden" name="detail_offer" value="1" />`;
            temp += `<input type="hidden" value="${data}" name="status">`;
            $("#modal-form-update-status").attr('action', url);
            $("#modal-form-update-status .form-content").append(temp);
            $("p.sms").text(sms);
            $("#modal-update-status").modal('show');
        });
        $(".sign-contract").on('click', function () {
            const url = $(this).attr('data-url');
            const sms = $(this).attr('data-sms');
            const qty = $(this).attr('data-qty');
            const propose_amount = $(this).attr('data-propose-amount');
            const delivery_date = $(this).attr('data-delivery-date');
            const propose_date = $(this).attr('data-propose-date');
            const offer_key = $(this).attr('data-offer-id');
            $("input#qty").val(qty);
            $("input#propose_amount").val(propose_amount);
            $("input#delivery_date").val(delivery_date);
            $("input#propose_date").val(propose_date);
            $("input#offer_key").val(offer_key);
            $("#form-create-contract").attr('action', url);
            $("p.sms").text(sms);
            $("#modal-create-contract").modal('show');
        })
    </script>
@stop