@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
        rel="stylesheet" />
    <link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
    <style>
        .error {
            color: red;
        }
    </style>
@endsection
@section('title')
    Company
@endsection
@section('content')
    <main>
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            @isset($company)
                                Edit Company
                            @else
                                Add Company
                            @endisset
                        </h5>

                        @if (Auth::user()->company != null ? Auth::user()->company->mybuss : Auth::user()->staff->company->mybuss)
                            <div>
                                <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                    href="{{ route('admin.mybuss-sync') }}"><i class="las la-sync"></i>
                                    @if (Auth::user()->company != null
                                            ? Auth::user()->company->software_type == 'mybuss'
                                            : Auth::user()->staff->company->software_type == 'mybuss')
                                        Mybuss Sync
                                    @else
                                        Mop Sync
                                    @endif
                                </a>
                            </div>
                        @endif
                    </div>
                    <div class="card-body">
                        @isset($company)
                            <form action="/admin/company-profile/{{ $company->id }}" method="POST"
                                enctype="multipart/form-data" id="company-profile-form" autocomplete="off"
                                class="needs-validation" novalidate>
                                @method('put')
                            @else
                                <form action="/admin/company-profile" method="POST" enctype="multipart/form-data"
                                    id="company-profile-form" autocomplete="off" class="needs-validation" novalidate>
                                @endisset
                                @csrf
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Company Name</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="name"
                                            value="{{ isset($company) ? $company->name : '' }}"
                                            placeholder="Enter company name" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Legal Name</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="legal_name"
                                            value="{{ isset($company) ? $company->legal_name : '' }}"
                                            placeholder="Enter company legal name" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Company Email</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="email" class="form-control" name="email"
                                            value="{{ isset($company) ? $company->email : '' }}"
                                            placeholder="Enter company email">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Company Phone</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control" name="phone"
                                            value="{{ isset($company) ? $company->phone : '' }}"
                                            placeholder="Enter company phone number">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">GST No</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="gst"
                                            value="{{ isset($company) ? $company->gst : '' }}"
                                            placeholder="Enter gst number">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">PIN Code</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control" name="pin_code" required
                                            value="{{ isset($company) ? $company->pin_code : '' }}"
                                            placeholder="Enter pin code">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Address</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <textarea class="form-control" name="address" rows="3" placeholder="Enter company address" required>{{ isset($company) ? $company->address : '' }}</textarea>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Address Line 2</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <textarea class="form-control" name="address_2" rows="3" placeholder="Enter company address line 2">{{ isset($company) ? $company->address_2 : '' }}</textarea>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Location</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="location" required
                                            value="{{ isset($company) ? $company->location : '' }}"
                                            placeholder="Enter Location">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Currency</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="currency"
                                            value="{{ isset($company) ? $company->currency : '' }}"
                                            placeholder="Enter currency">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Symbol</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="symbol"
                                            value="{{ isset($company) ? $company->symbol : '' }}"
                                            placeholder="Enter symbol">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">State</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select" name="state" id="state" required>
                                            @foreach ($gstStates as $state)
                                                <option value="{{ $state->code }}"
                                                    {{ isset($company) && $company->state_code == $state->code ? 'selected' : '' }}>
                                                    {{ $state->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Country</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="country"
                                            value="{{ isset($company) ? $company->country : 'INDIA' }}"
                                            placeholder="Enter country">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Company Logo</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="file" class="company_logo" name="company_logo"
                                            data-max-file-size="3MB" />
                                    </div>
                                </div>
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">
                                        @isset($company)
                                            Update Company
                                        @else
                                            Add Company
                                        @endisset
                                    </button>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            GST Details
                        </h5>
                    </div>
                    <div class="card-body">
                        <form action="/admin/company-profile/gst-details" method="POST" id="gst-details-form"
                            autocomplete="off" class="needs-validation" novalidate>
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label class="form-label">GST No</label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control" name="gst_no" placeholder="Enter GST No"
                                        required value="{{ isset($gst) && $gst != null ? $gst->gst_no : '' }}" />
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label class="form-label">Email</label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="email" class="form-control" name="email" required
                                        value="{{ isset($gst) && $gst != null ? $gst->email : '' }}"
                                        placeholder="Enter Email" />
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label class="form-label">Username</label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control" name="username" required
                                        value="{{ isset($gst) && $gst != null ? $gst->username : '' }}"
                                        placeholder="Enter Username" />
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label class="form-label">Password</label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control" name="password" required
                                        value="{{ isset($gst) && $gst != null ? $gst->password : '' }}"
                                        placeholder="Enter Password" />
                                </div>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">
                                    Update GST Details
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@section('script')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
    <script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script>
    <script src="https://unpkg.com/filepond-plugin-image-exif-orientation/dist/filepond-plugin-image-exif-orientation.js">
    </script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.min.js"></script>
    <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#state').select2();
            FilePond.registerPlugin(
                // encodes the file as base64 data
                FilePondPluginFileEncode,
                // validates the size of the file
                FilePondPluginFileValidateSize,
                // corrects mobile image orientation
                FilePondPluginImageExifOrientation,
                // previews dropped images
                FilePondPluginImagePreview
            );
            $('.company_logo').filepond({
                credits: false,
                @if (isset($company) && $company->logo)
                    files: [{
                        source: "/{{ $company->logo }}"
                    }, ],
                @endif
            });
        });

        $('#company-profile-form').validate({
            rules: {
                'name': {
                    required: true,
                },
            },
            messages: {
                'name': {
                    required: "Please enter company name",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            console.log(data);
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('company-profile.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#gst-details-form').validate({
            rules: {
                'gst_no': {
                    required: true,
                },
                'email': {
                    required: true,
                    email: true,
                },
                'username': {
                    required: true,
                },
                'password': {
                    required: true,
                },
            },
            messages: {
                'gst_no': {
                    required: "Please enter GST No",
                },
                'email': {
                    required: "Please enter email",
                    email: "Please enter valid email",
                },
                'username': {
                    required: "Please enter username",
                },
                'password': {
                    required: "Please enter password",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            console.log(data);
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('company-profile.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });
    </script>
@endsection