@extends('layouts.front')

@section('page-title', trans('crm.new_contract'))

@section('content')
    <div class="content">
        <div class="row">
            <div class="col-md-12">@include('partials.announcement')</div>
        </div>

        <div class="d-flex align-items-center justify-content-between pt-3 pb-3">
            <div class="d-flex">
                <h4 class="m-0">
                    <a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a>
                    <span class="font-weight-semibold">@lang('crm.new_contract')</span>
                </h4>
            </div>

            @include('partials.front-custom-menu')

        </div>

        @include('partials.messages')

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="text-success" href="{{ url('front/statements') }}" >

                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-8 offset-md-2">
                                {!! Form::open(['route' => 'front.contracts.store', 'id' => 'contract-form']) !!}
                                    <input type="hidden" name="id" value="0">
                                    <div class="form-group hidden">
                                        <label>
                                            <i class="fa fa-question-circle mr-1" data-popup="tooltip" data-container="body" data-placement="left" title="@lang('crm.contract_subject_tooltip')"></i><span class="text-danger">* </span>
                                            @lang('crm.contract_subject')
                                        </label>
                                        <input type="text" value="" name="subject" class="form-control">
                                    </div>

                                    <div class="form-group" id="contract_value_wrapper">
                                        <label>@lang('crm.contract_value')</label>
                                        <div class="input-group" data-popup="tooltip" data-container="body" data-placement="top" title="@lang('crm.contract_value_tooltip')">
                                            <input type="number" value="{{ (isset($contract) ? $contract->contract_value : '')  }}" name="contract_value" class="form-control">
                                            <span class="input-group-append">
                                                <span class="input-group-text text-black-50" id="trading_currency_symbol">{{ $base_currency['symbol'] }}</span>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>@lang('crm.contract_type')</label>
                                        <div class="input-group">
                                            <div class="form-control p-0" style="border: none">
                                                <select name="contract_type" class="form-control-select2">
                                                    @foreach($contract_types as $contract_type)
                                                        @if($contract_type['client_hidden'] == 0)
                                                        <option value="{{ $contract_type['id'] }}"
                                                                @if(isset($contract) && $contract_type['id'] == $contract->contract_type) selected @endif>{{ $contract_type['name'] }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-6 pl-2 pr-2">
                                            <label><span class="text-danger">* </span>@lang('crm.contract_start_date')</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control daterange-single"  name="datestart"
                                                       value="{{ isset($contract->datestart) ? local_time_format($contract->datestart) : local_time_format(now(), true) }}">
                                                <span class="input-group-prepend">
                                                    <span class="input-group-text"><i class="icon-calendar22"></i></span>
                                                </span>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-6 pr-2 pl-2">
                                            <label>@lang('crm.contract_end_date')</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control daterange-single"  name="dateend"
                                                       value="{{ isset($contract->dateend) ? local_time_format($contract->dateend) : local_time_format(\Carbon\Carbon::now()->addYear(2)->endOfMonth()) }}">
                                                <span class="input-group-prepend">
                                                    <span class="input-group-text"><i class="icon-calendar22"></i></span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group" id="client_fee_wrapper">
                                        <label>@lang('crm.contract_client_fee')</label>
                                        <div class="input-group">
                                            <div class="form-control p-0" style="border: none">
                                                <input type="number"  name="client_fee" class="form-control" value="{{ (isset($contract) ? $contract->client_fee : 0) }}">
                                                {{--<span class="form-text text-muted">5% unless otherwise negotiated with company.</span>--}}
                                            </div>
                                            <span class="input-group-append">
                                                <span class="input-group-text text-blue-500">%</span>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="form-group hidden" >
                                        <label>@lang('crm.contract_description')</label>
                                        <textarea  name="description" class="form-control" rows="5">{{ (isset($contract) ? $contract->description : '')  }}</textarea>
                                    </div>


                                    <div class="text-right">
                                        <button type="button" data-toggle="loader" data-loading-text="@lang('crm.wait_text')" class="btn btn-primary">Save</button>
                                    </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    {!! JsValidator::formRequest('CRM\Http\Requests\Contracts\CreateContractRequest', '#contract-form') !!}

    <script>
        $(document).ready(function () {
            $('select[name="contract_type"]').on('change', function () {
                var contract_type = $(this).val();
                $.ajax({
                    type: 'POST',
                    url: "/front/contract_type",
                    data: {'contract_type': contract_type},
                    success: function (response) {
                        if (response.status == 1) {
                            var data = response.data;
                            var contract_type = data.contract_type;
                            if(contract_type){
                                if(contract_type.fixed_contract_value){
                                    $('input[name="contract_value"]').val(contract_type.default_contract_value)
                                    $('#contract_value_wrapper').addClass('hidden');
                                }else{
                                    $('input[name="contract_value"]').val(0);
                                    $('#contract_value_wrapper').removeClass('hidden');
                                }
                                if(contract_type.fixed_client_fee){
                                    $('input[name="client_fee"]').val(contract_type.default_client_fee)
                                    $('#client_fee_wrapper').addClass('hidden');
                                }else{
                                    $('input[name="client_fee"]').val(0);
                                    $('#client_fee_wrapper').removeClass('hidden');
                                }

                                $('#trading_currency_symbol').html(contract_type.currency_symbol);
                            }
                        } else {
                            errorNotify(response.msg);
                        }
                    },
                    error: function (response) {
                        errorNotify(response.responseJSON.message);
                    },
                }, 'json');
            })

            $('select[name="contract_type"]').trigger('change');
        });
    </script>
@stop