@extends('layouts.master')
@section('title', 'Add New Company')
@section('content')
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="row">
                            <div class="row">
                                <div class="col-md-12">
                                    <h6 class="mb-0">Add New Company</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body px-3 pt-4 pb-2">
                        <form action="{{ route('companies.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @if(auth()->user()->activePlan->logo === 1)
                                <div class="form-outline mb-4">
                                    <label class="form-label" for="logo">Company Logo</label>
                                    <input type="file" name="logo" class="form-control" accept=".jpg,.png,.jpeg,.svg,.gif" />
                                    @error('logo')
                                    <span class="invalid_feedback">
                                        <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            @endif
                            <div class="form-outline mb-4">
                                <label class="form-label" for="company_name">Company Name</label>
                                <input type="text" name="company_name" value="{{ old('company_name') }}" class="form-control" />
                                @error('company_name')
                                <span class="invalid_feedback">
                                        <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="name">Name</label>
                                <input type="text" name="name" value="{{ old('name') }}" class="form-control" />
                                @error('name')
                                <span class="invalid_feedback">
                                        <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4" {{ auth()->user()->hasRole(\App\Models\User::SUPER_ADMIN) ? '' : 'hidden' }}>
                                <label class="form-label" for="company_group_id">Company Groups</label>
                                <select class="form-select select2 p-2" name="company_group_id" style="width: 100%">
                                    @foreach($companyGroups as $companyGroup)
                                        <option @selected($companyGroup->id == old('company_group_id')) value="{{ $companyGroup->id }}">{{ $companyGroup->name }}</option>
                                    @endforeach
                                </select>
                                @error('company_group_id')
                                <span class="invalid_feedback">
                                          <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="address">Address</label>
                                <input type="text" name="address" value="{{ old('address') }}" class="form-control" />
                                @error('address')
                                <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="address2">Address2</label>
                                <input type="text" name="address2" value="{{ old('address2') }}" class="form-control" />
                                @error('address2')
                                <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="city_postcode">City / Postcode</label>
                                <input type="text" name="city_postcode" value="{{ old('city_postcode') }}" class="form-control" />
                                @error('city_postcode')
                                <span class="invalid_feedback">
                                         <strong class="text-danger text-sm">{{ $message }}</strong>
                                     </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="country">Country</label>
                                <select class="form-select select2 p-2" name="country" style="width: 100%">
                                    @foreach($countries as $country)
                                        <option @selected($country->id == old('country', '82')) value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                                @error('country')
                                <span class="invalid_feedback">
                                          <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="vat">Vat</label>
                                <input type="text" name="vat" value="{{ old('vat') }}" class="form-control" />
                                @error('vat')
                                <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4 col-12 col-md-12">
                                <label class="form-label" for="invoice_no_format">Invoice No Format</label>
                                <input type="text" name="invoice_no_format" id="invoice_no_format" value="{{ old('invoice_no_format', 'YYYYMMDDxxxx') }}" class="form-control" />
                                @error('invoice_no_format')
                                <span class="invalid_feedback">
                                  <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="invoice_no_reset">Invoice No Reset</label>
                                <select class="form-select select2 p-2" name="invoice_no_reset" style="width: 100%">
                                    <option @selected(old('invoice_no_reset') == "daily") value="daily">Daily</option>
                                    <option @selected(old('invoice_no_reset') == "monthly") value="monthly">Monthly</option>
                                    <option @selected(old('invoice_no_reset') == "yearly") value="yearly">Yearly</option>
                                </select>
                                @error('invoice_no_reset')
                                <span class="invalid_feedback">
                                          <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="bank_details">Bank Details</label>
                                <textarea type="text" rows="3" name="bank_details" class="form-control">{{ old('bank_details') }}</textarea>
                                @error('bank_details')
                                <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_21">Footer 21</label>
                                        <textarea name="footer_21" class="form-control">{{ old('footer_21') }}</textarea>
                                        @error('footer_21')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_21">Footer 22</label>
                                        <textarea name="footer_22" class="form-control">{{ old('footer_22') }}</textarea>
                                        @error('footer_22')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_23">Footer 23</label>
                                        <textarea name="footer_23" class="form-control">{{ old('footer_23') }}</textarea>
                                        @error('footer_23')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_24">Footer 24</label>
                                        <textarea name="footer_24" class="form-control">{{ old('footer_24') }}</textarea>
                                        @error('footer_24')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_25">Footer 25</label>
                                        <textarea name="footer_25" class="form-control">{{ old('footer_25') }}</textarea>
                                        @error('footer_25')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_31">Footer 31</label>
                                        <textarea name="footer_31" class="form-control">{{ old('footer_31') }}</textarea>
                                        @error('footer_31')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_32">Footer 32</label>
                                        <textarea name="footer_32" class="form-control">{{ old('footer_32') }}</textarea>
                                        @error('footer_32')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_33">Footer 33</label>
                                        <textarea name="footer_33" class="form-control">{{ old('footer_33') }}</textarea>
                                        @error('footer_33')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_34">Footer 34</label>
                                        <textarea name="footer_34" class="form-control">{{ old('footer_34') }}</textarea>
                                        @error('footer_34')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                    <div class="form-outline mb-4">
                                        <label class="form-label" for="footer_35">Footer 35</label>
                                        <textarea name="footer_35" class="form-control">{{ old('footer_35') }}</textarea>
                                        @error('footer_35')
                                        <span class="invalid_feedback">
                                       <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-outline mb-4">
                                    <label class="form-label" for="paypal">Paypal</label>
                                    <div class="form-check form-switch d-inline-block ms-3">
                                        <input type="checkbox" class="form-check-input paypal-links" name="is_paypal" value="0" @checked(old('is_paypal', 0) == 1) style="cursor: pointer;">
                                        <label for="paypal" class="form-check-label"></label>
                                    </div>
                                    @error('is_paypal')
                                    <span class="invalid_feedback">
                                          <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-outline mb-4 paypal_id col-6">
                                    <label class="form-label" for="paypal_id">PaypPal App Id</label>
                                    <input type="text" name="paypal_id" value="{{ old('paypal_id') }}" class="form-control" />
                                    @error('paypal_id')
                                    <span class="invalid_feedback">
                                           <strong class="text-danger text-sm">{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-outline mb-4 paypal_key col-6">
                                    <label class="form-label" for="paypal_api_key">PaypPal Api Key</label>
                                    <input type="text" name="paypal_api_key" value="{{ old('paypal_api_key') }}" class="form-control" />
                                    @error('paypal_api_key')
                                    <span class="invalid_feedback">
                                           <strong class="text-danger text-sm">{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-outline mb-4 paypal_secret col-12">
                                    <label class="form-label" for="paypal_api_secret">PayPal Api Secret</label>
                                    <input type="password" name="paypal_api_secret" value="{{ old('paypal_api_secret') }}" class="form-control" />
                                    @error('paypal_api_secret')
                                    <span class="invalid_feedback">
                                           <strong class="text-danger text-sm">{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn btn-primary btn-block mb-4 me-2">Save</button>
                                <a class="btn btn-secondary btn-block mb-4" href="{{ route('companies.index') }}">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
   <script>
        $('.paypal-links').change(function () {
            $(this).val($(this).prop('checked') ? 1 : 0);
            $(".paypal_id, .paypal_key, .paypal_secret").toggle($(this).val() != 0);
        }).change();
   </script>
@endpush