@extends('layouts.app')

@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">Settings</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboards</a></li>
                        <li class="breadcrumb-item active">Settings</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    @include('validate')
    <div class="row">

        <div class="col-md-12">

            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-4">Settings</h4>

                    <form method="POST" action="{{ route('settings.store') }}" enctype="multipart/form-data"
                        id="save-order-form">

                        <div class="mt-4 pt-2 mb-4">
                            <h5 class="font-size-14 mb-0"><i class="mdi mdi-arrow-right text-primary"></i> General Settings
                            </h5>
                        </div>


                        <div class="row">

                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="name" class="form-label req">Pagination Size</label>
                                    <input type="text" class="form-control" name="settings[pagination_size]"
                                        id="pagination_size"
                                        @if ($settings && isset($settings['pagination_size'])) value="{{ $settings['pagination_size'] }}" @endif
                                        required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="role" class="form-label req">Date Format</label>
                                    <select class="form-select" id="date_format" name="settings[date_format]" required>
                                        <option value="">Select</option>
                                        <option value="d-m-Y" @if ($settings && isset($settings['date_format']) && $settings['date_format'] == 'd-m-Y') selected="selected" @endif>
                                            {{ date('d-m-Y') }}</option>
                                        <option value="d-M-Y" @if ($settings && isset($settings['date_format']) && $settings['date_format'] == 'd-M-Y') selected="selected" @endif>
                                            {{ date('d-M-Y') }}</option>
                                        <option value="m-d-Y" @if ($settings && isset($settings['date_format']) && $settings['date_format'] == 'm-d-Y') selected="selected" @endif>
                                            {{ date('m-d-Y') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="role" class="form-label req">Decimal Format</label>
                                    <select class="form-select" id="decimal_format" name="settings[decimal_format]"
                                        required>
                                        <option value="">Select</option>
                                        <option value="0" @if ($settings && isset($settings['decimal_format']) && $settings['decimal_format'] == 0) selected="selected" @endif>
                                            {{ number_format(0, 0) }}</option>
                                        <option value="1" @if ($settings && isset($settings['decimal_format']) && $settings['decimal_format'] == 1) selected="selected" @endif>
                                            {{ number_format(0, 1) }}</option>
                                        <option value="2" @if ($settings && isset($settings['decimal_format']) && $settings['decimal_format'] == 2) selected="selected" @endif>
                                            {{ number_format(0, 2) }}</option>
                                    </select>
                                </div>
                            </div>







                        </div>


                        <div class="mt-4 pt-2 mb-4">
                            <h5 class="font-size-14 mb-0"><i class="mdi mdi-arrow-right text-primary"></i> Prefix Settings
                            </h5>
                        </div>

                        <div class="row">



                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="name" class="form-label req">Purchase Prefix</label>
                                    <input type="text" class="form-control" name="settings[purchase_prefix]"
                                        id="purchase_prefix"
                                        @if ($settings && isset($settings['purchase_prefix'])) value="{{ $settings['purchase_prefix'] }}" @endif
                                        required>
                                </div>
                            </div>



                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="name" class="form-label req">Invoice Prefix</label>
                                    <input type="text" class="form-control" name="settings[invoice_prefix]"
                                        id="invoice_prefix"
                                        @if ($settings && isset($settings['invoice_prefix'])) value="{{ $settings['invoice_prefix'] }}" @endif
                                        required>
                                </div>
                            </div>




                        </div>








                        <div class="row">
                            <div class="col-md-12 ">
                                @csrf
                                <button type="submit" class="btn btn-primary w-md float-end">UPDATE</button>
                            </div>
                        </div>


                    </form>
                </div>
                <!-- end card body -->
            </div>

        </div>

    </div>
@endsection