@extends('vendor.merchants.layouts.master')

@section('content')
    <div class="row mt-4">
        <div class="col-lg-9 col-12 mx-auto position-relative">
            <div class="card">
                <div class="card-header p-3 pt-2">
                    <div class="icon icon-lg icon-shape bg-gradient-dark shadow text-center border-radius-xl mt-n4 me-3 float-start">
                        <i class="material-icons opacity-10">warning</i>
                    </div>
                    <h6 class="mb-0">{{ !isset($complaint) ? __('general.add_new') : __('general.edit') }} {{ __('voyager::seeders.data_types.complaint.singular') }}</h6>
                </div>
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ isset($complaint) ? route('update.complaints',$complaint->id) : route('store.complaints') }}" method="post" enctype="multipart/form-data" autocomplete="off">
                    <!-- PUT Method if we are editing -->
                    @if(isset($complaint))
                        {{ method_field("PUT") }}
                    @endif
                    {{ csrf_field() }}

                    <div class="card-body pt-2">

                        <div class="input-group input-group-static mt-4">
                            <label for="exampleFormControlSelect1" class="ms-0">{{ __('voyager::seeders.data_rows.order_id') }}</label>
                            <select class="form-control" id="order_id" name="order_id">
                                <option selected disabled>{{ __('voyager::seeders.data_rows.choose') }}</option>
                                @foreach($orders as $order)
                                    <option value="{{ $order->id }}" {{ (old('order_id') == $order->id || (isset($complaint) && $complaint->order_id == $order->id) ) ? "selected" : "" }}>{{ $order->external_order_id}}</option>
                                @endforeach
                            </select>
                            @error('order_id')
                            <div class="text-danger error-massage">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="input-group input-group-static mt-4">
                            <label for="exampleFormControlSelect1" class="ms-0">{{ __('voyager::seeders.data_rows.customer_id') }}</label>
                            <select class="form-control" id="customer_id" name="customer_id">
                                <option selected disabled>{{ __('voyager::seeders.data_rows.choose') }}</option>
                                @foreach($customers as $customer)
                                    <option value="{{ $customer->id }}" {{ (old('customer_id') == $customer->id || (isset($complaint) && $complaint->customer_id == $customer->id) ) ? "selected" : "" }}>{{ $customer->name}}</option>
                                @endforeach
                            </select>
                            @error('customer_id')
                            <div class="text-danger error-massage">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="input-group input-group-static mt-3">
                            <label for="reason">{{ __('voyager::seeders.data_rows.reason') }}</label>
                            <textarea name="reason" id="reason" rows="5" spellcheck="false" class="form-control">{{ old('reason', $complaint->reason ?? '') }}</textarea>
                            @error('reason')
                            <div class="text-danger error-massage">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="input-group input-group-static mt-3">
                            <label for="notes">{{ __('voyager::seeders.data_rows.notes') }}</label>
                            <textarea name="notes" id="notes" rows="5" spellcheck="false" class="form-control">{{ old('notes', $complaint->notes ?? '') }}</textarea>
                            @error('notes')
                            <div class="text-danger error-massage">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="input-group input-group-static mt-4">
                            <label for="exampleFormControlSelect1" class="ms-0">{{ __('voyager::seeders.data_rows.type') }}</label>
                            <select class="form-control" id="type" name="type">
                                <option selected disabled>{{ __('voyager::seeders.data_rows.choose') }}</option>
                                <option value="negative" {{ (old('type') == 'negative' || (isset($complaint) && $complaint->type == 'negative') ) ? "selected" : "" }}>{{ __('voyager::generic.negative')}}</option>
                                <option value="neutral" {{ (old('type') == 'neutral' || (isset($complaint) && $complaint->type == 'neutral') ) ? "selected" : "" }}>{{ __('voyager::generic.neutral')}}</option>
                                <option value="positive" {{ (old('type') == 'positive' || (isset($complaint) && $complaint->type == 'positive') ) ? "selected" : "" }}>{{ __('voyager::generic.positive')}}</option>

                            </select>
                            @error('type')
                            <div class="text-danger error-massage">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-end mt-4">
                            <a href="{{ url()->previous() }}" name="button" class="btn btn-dark m-1">{{ __('voyager::generic.cancel') }}</a>
                            <button type="submit" name="button" class="btn btn-behance m-0 ms-2">{{ __('voyager::generic.save') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('js')
@endpush