@extends('layouts.master')

@section('page_title', 'Settings')
@section('title', 'Settings-create')
@section('main_item', 'Settings-create')
@section('sub_item', 'Settings-create')

@section('content')

    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <h4 class="mt-0 header-title">Add Setting</h4>
                <p class="text-muted mb-3"></p>
                <form class="form-parsley" method="POST" enctype="multipart/form-data" action="{{ route('settings.store') }}">
                    @csrf
                    <input type="text" class="form-control" placeholder="type" id="type" name="type"
                        value="customer" readonly hidden>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="businesss_name">Business Name</label>
                                @if (!empty($setting))
                                    <input type="text" class="form-control" placeholder="Business Name"
                                        id="business_name" name="business_name" value="{{ $setting->name }}">
                                @else
                                    <input type="text" class="form-control" placeholder="Business Name"
                                        id="business_name" name="business_name">
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="landmark">Address 1</label>
                                <input type="text" class="form-control" id="landmark" name="landmark"
                                    value="{{ $setting->landmark }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="landmark">Address 2</label>
                                <input type="text" class="form-control" id="landmark_2" name="landmark_2"
                                    value="{{ $setting->landmark_2 }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="city_id">City</label>
                                <select class="form-control select2" id="city" name="city" required>
                                    <option value="">Select</option>
                                    @foreach ($cities as $city)
                                        @if ($city->id == $setting->city)
                                            <option value="{{ $city->id }}" selected>{{ $city->name_en }}</option>
                                        @else
                                            <option value="{{ $city->id }}">{{ $city->name_en }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="primary_mobile">Mobile</label>
                                <input type="tel" class="form-control" id="primary_mobile" name="mobile"
                                    value="{{ $setting->mobile }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold" for="email">Email</label>
                                <input type="text" class="form-control" id="email" name="email"
                                    data-parsley-type="email" value="{{ $setting->email }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold"> Dispatch Note Print Type</label>
                                <select class="form-control" id="dispatch_note_print_type" name="dispatch_note_print_type"
                                    required>
                                    <option value="normal" @if ($setting->dispatch_note_print_type == 'normal') selected @endif>Normal</option>
                                    <option value="barcode" @if ($setting->dispatch_note_print_type == 'barcode') selected @endif>Barcode
                                    </option>
                                    <option value="unikglobal_wabill" @if ($setting->dispatch_note_print_type == 'unikglobal_wabill') selected @endif @if ($setting->unikglobale_waybill_print != '1') style="display: none" @endif>Unikglobal Waybill
                                    </option>
                                    <option value="store_87" @if ($setting->dispatch_note_print_type == 'store_87') selected @endif @if ($setting->store_87_barcode_print != '1') style="display: none" @endif>Store 87
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight: bold"> Delivery Fee Type</label>
                                <select class="form-control" id="delivery_fee_type" name="delivery_fee_type" required>
                                    <option value="from_list" @if ($setting->delivery_fee_type == 'from_list') selected @endif>From List
                                    </option>
                                    <option value="calculate" @if ($setting->delivery_fee_type == 'calculate') selected @endif>Calculate
                                        Automatic</option>
                                </select>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-4">
                            <div class="form-group" id="select_add_order"
                                @if ($setting->add_order_select_option != '1') style="display: none" @endif>
                                <label style="font-weight: bold"> Customer Orders by images</label>
                                <select class="form-control" id="customer_choice_type_in_orders"
                                    name="customer_choice_type_in_orders" required>
                                    <option value="0" @if ($setting->customer_choice_type_in_orders == '0') selected @endif>Default
                                    </option>
                                    <option value="1" @if ($setting->customer_choice_type_in_orders == '1') selected @endif>New Customer
                                        Order</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label style="font-weight: bold" for="landmark">Spreadsheet ID</label>
                                <input type="text" class="form-control" id="sheet_id" name="sheet_id"
                                    value="{{ $setting->sheet_id }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label style="font-weight: bold" for="landmark">API KEY</label>
                                <input type="text" class="form-control" id="api_key" name="sheet_api_key"
                                    value="{{ $setting->sheet_api_key }}">
                            </div>
                        </div>
                        <div class="col-md-4" id="check-box1">
                            <div class="form-check checkbox" style="margin-top: 15px">
                                <input class="form-check-input" id="is_common_waybill" type="checkbox"
                                    name="is_common_waybill" value="1"
                                    @if ($setting->is_common_waybill == '1') checked @endif>
                                <label class="form-check-label"><b>Use Common Waybill</b></label>
                            </div>
                        </div>
                        
                        <div class="col-md-4" id="check-box2">
                            <div class="form-check checkbox" style="margin-top: 15px">
                                <input class="form-check-input" id="is_woocommerce_enable" type="checkbox"
                                    name="is_woocommerce_enable" value="1"
                                    @if ($setting->is_woocommerce_enable) checked @endif>
                                <label class="form-check-label" for="is_woocommerce_enable"><b>Is woocommerce
                                        enable</b></label>
                            </div>
                        </div>
                        <div class="col-md-4" id="check-box">
                            <div class="form-check checkbox" style="margin-top: 15px">
                                <input class="form-check-input" id="terms_condition_in_invoice" type="checkbox"
                                    name="terms_condition_in_invoice" value="yes"
                                    @if ($setting->terms_condition_in_invoice == 'yes') checked @endif>
                                <label class="form-check-label"><b>Terms and condition in Invoice</b></label>
                            </div>
                        </div>
                        <div class="col-md-4" id="check-box">
                            <div class="form-check checkbox" style="margin-top: 15px">
                                <input class="form-check-input" id="terms_condition_in_note" type="checkbox"
                                    name="terms_condition_in_note" value="yes"
                                    @if ($setting->terms_condition_in_note == 'yes') checked @endif>
                                <label class="form-check-label"><b>Note in Invoice</b></label>
                            </div>
                        </div>
                        <div class="col-md-4" id="check-box">
                            <div class="form-check checkbox" style="margin-top: 15px">
                                <input class="form-check-input" id="terms_condition_in_note" type="checkbox"
                                    name="terms_condition_in_note" value="yes"
                                    @if ($setting->terms_condition_in_note == 'yes') checked @endif>
                                <label class="form-check-label"><b>Note in Invoice</b></label>
                            </div>
                        </div>
                        
                        <div class="col-md-12" id="check-box" hidden>
                            <div class="form-check checkbox" style="margin-top: 20px">
                                <input class="form-check-input" id="auto_send_sms" type="checkbox"
                                    name="auto_send_sms" value="1"
                                    @if ($setting->auto_send_sms == '1') checked @endif>
                                <label class="form-check-label"><b>Auto send sms <strong>(Confirm Oders, Cancel Orders, Dispatch Orders, Order Return)</strong></b></label>
                            </div>
                        </div>
                        <div class="col-md-12" style="margin-top: 30px" id="note_div">
                            <div class="form-group" style="position: relative;"  @if ($setting->terms_condition_in_note != 'yes') style="display: none" @endif>
                                <label style="font-weight: bold">Note</label>

                                <textarea class="form-control" rows="5" id="note" name="note">{{ $setting->note }}</textarea>
                            </div>
                        </div>
                        
                        <div class="col-md-12" style="margin-top: 30px" id="terms_div"
                            @if ($setting->terms_condition_in_invoice != 'yes') style="display: none" @endif>
                            <div class="form-group" style="position: relative;">
                                <label style="font-weight: bold">Terms & Condition</label>

                                <textarea class="form-control" rows="5" id="terms" name="terms">{{ $setting->terms }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            @if (!empty($setting))
                            {{-- <img src="{{ asset($setting->image) }}" class="img-fluid"
                            style="width: auto;height: 2cm;object-fit: cover"> --}}
                            <br><br> <input class="form-control dropify" type="file" name="image"
                            id="image" accept="image/*">
                            @else
                            <input class="form-control dropify" type="file" name="image" id="image"
                            accept="image/*">
                            @endif
                            <label class="required">Add Logo</label><br>
                        </div>
                    </div>
                    <div class="col-md-12" hidden>
                        <div class="card">
                            <div class="card-body">
                                <h5><b>SMS Setting Notificatuon</b></h5>
                                <div class="row">
                                    <div class="col-md-4" id="check-box2">
                                        <div class="form-check checkbox">
                                            <input class="form-check-input" id="sms_setteing" type="checkbox"
                                                name="is_woocommerce_enable" value="1">
                                            <label class="form-check-label" for="sms_setteing"><b>Add orders SMS
                                                    Setting</b></label>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 text-right">
                            <button type="submit" class="btn btn-primary px-5 py-2">Save</button>
                        </div>
                    </div>

                </form>
            </div>
            <!--end card-body-->
        </div>
    </div>
@endsection
@section('scripts')
    <script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
    <script>
        $(document).ready(function() {
            $("#city").select2();
        });
        CKEDITOR.replace('terms');
        $(function() {
            $('#terms_condition_in_invoice').click(function() {
                if ($(this).prop('checked')) {

                    $('#terms_div').show();
                } else {
                    $("textarea").val("");
                    $('#terms_div').hide();
                }
            });
        });
        // text editer to note
        CKEDITOR.replace('note');
        $(function() {
            $('#terms_condition_in_note').click(function() {
                if ($(this).prop('checked')) {

                    $('#note_div').show();
                } else {
                    $("textarea").val("");
                    $('#note_div').hide();
                }
            });
        });

    </script>
@endsection