@extends('layouts.app')

@section('breadcrumb')
    <div class="col-4 col-xl-4 page-title">
        <h4 class="f-w-700">System</h4>
        <nav>
            <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
                <li class="breadcrumb-item"><a href="#"> <i data-feather="home"> </i></a></li>
                <li class="breadcrumb-item f-w-400">System</li>
                <li class="breadcrumb-item f-w-400">
                    <a href="{{ route('setting.index') }}">Setting</a>
                </li>
            </ol>
        </nav>
    </div>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title mb-0">Setting</h4>
            <span>Page for setting your application</span>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h4 class="card-title mb-0">Application</h4>
        </div>
        <form action="{{ route('setting.update.application') }}" enctype="multipart/form-data" method="POST">
            @csrf
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Application Logo</label>
                            <input class="form-control @error('logo') is-invalid @enderror" type="file"
                                placeholder="Company" name="logo">
                            @error('logo')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                            <small><i>Optimal size : 150x75 px</i></small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label required">Application Name</label>
                            <input class="form-control @error('name') is-invalid @enderror" type="text"
                                placeholder="Company" name="name" value="{{ $application->value['name'] }}">
                            @error('name')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer text-end">
                <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
                    data-bs-target="#application">Update
                    Application</button>
                <div class="d-flex justify-content-end">
                    <div class="collapse multi-collapse dark-accordion" id="application">
                        <div class="card card-body mt-3 mb-0 collapse-wrapper accordion-light-primary">
                            <p>Are you sure want to update this ?</p>
                            <div class="d-flex justify-content-between gap-3">
                                <button class="btn btn-success" type="submit">
                                    Yes, update
                                </button>
                                <button class="btn btn-secondary" data-bs-toggle="collapse" data-bs-target="#application"
                                    type="button">
                                    Cancel
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="edit-profile">
        <div class="row">
            <div class="col-xl-12">
                <form class="card" action="{{ route('setting.update.profile') }}" method="POST">
                    @csrf
                    <div class="card-header">
                        <h4 class="card-title mb-0">Company Profile</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Name</label>
                                    <input class="form-control @error('name') is-invalid @enderror" type="text"
                                        placeholder="Company" name="name" value="{{ $company->value['name'] }}">
                                    @error('name')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Country</label>
                                    <input class="form-control @error('country') is-invalid @enderror" type="text"
                                        placeholder="Country" name="country" value="{{ $company->value['country'] }}">
                                    @error('country')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Province</label>
                                    <input class="form-control @error('province') is-invalid @enderror" type="text"
                                        placeholder="province" name="province" value="{{ $company->value['province'] }}">
                                    @error('province')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">City</label>
                                    <input class="form-control @error('city') is-invalid @enderror" type="text"
                                        placeholder="city" name="city" value="{{ $company->value['city'] }}">
                                    @error('city')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Address</label>
                                    <input class="form-control @error('address') is-invalid @enderror" type="text"
                                        placeholder="address" name="address" value="{{ $company->value['address'] }}">
                                    @error('address')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Postal Code</label>
                                    <input class="form-control @error('postal_code') is-invalid @enderror" type="text"
                                        placeholder="postal_code" name="postal_code"
                                        value="{{ $company->value['postal_code'] }}">
                                    @error('postal_code')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Phone</label>
                                    <input class="form-control @error('phone') is-invalid @enderror" type="text"
                                        placeholder="phone" name="phone" value="{{ $company->value['phone'] }}">
                                    @error('phone')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label required">Email</label>
                                    <input class="form-control @error('email') is-invalid @enderror" type="email"
                                        placeholder="email" name="email" value="{{ $company->value['email'] }}">
                                    @error('email')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-end">
                        <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
                            data-bs-target="#company-profile">Update Profile</button>
                        <div class="d-flex justify-content-end">
                            <div class="collapse multi-collapse dark-accordion" id="company-profile">
                                <div class="card card-body mt-3 mb-0 collapse-wrapper accordion-light-primary">
                                    <p>Are you sure want to update this ?</p>
                                    <div class="d-flex justify-content-between gap-3">
                                        <button class="btn btn-success" type="submit">
                                            Yes, update
                                        </button>
                                        <button class="btn btn-secondary" data-bs-toggle="collapse"
                                            data-bs-target="#company-profile" type="button">
                                            Cancel
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection