@extends('admin.layouts.contentLayoutMaster')

@section('title', $title)

@section('content')
  <section id="multiple-column-form">
    <div class="row match-height">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h4 class="card-title"><i class="fa fa-info-circle"></i> Information</h4>
          </div>
          <div class="card-content">
            <div class="card-body">
              <form id="form" class="form" method="POST" action="{{ route("admin.site-information.update") }}">
                @csrf
                <input type="hidden" name="company_uuid" value="{{ $siteInformation->uuid }}"/>
                <input type="hidden" name="attachment_uuid" />
                <div class="form-body">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="media">
                        <a href="javascript: void(0);">
                          <img src="{{ $attachment->image_url ?? GeneralHelper::PLACEHOLDER }}" class="rounded mr-75"
                               alt="profile image" height="100" width="100" id="profile-image-preview">
                        </a>
                        <div class="media-body mt-75">
                          <div class="col-12 px-0 d-flex flex-sm-row flex-column justify-content-start">
                            <label class="btn btn-md btn-primary ml-50 mb-50 mb-sm-0 cursor-pointer"
                                   for="account-upload">Upload</label>
                            <input type="file" id="account-upload" hidden name="profile-image">
                          </div>
                          <p class="text-muted ml-75 mt-50"><small>File Maximal 4MB with Format JPG, JPEG or PNG </small></p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <hr>
                  <div class="row">
                    <div class="col-md-6 col-12">
                      <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" class="form-control" name="name" id="name" placeholder="Name" value="{{ $siteInformation->name }}">
                      </div>
                      <div class="form-group">
                        <label for="person_in_charge">Person In Charge</label>
                        <input type="text" class="form-control" name="person_in_charge" id="person_in_charge" placeholder="Person In Charge" value="{{ $siteInformation->person_in_charge }}">
                      </div>
                      <div class="form-group">
                        <label for="contact_person">Contact Person</label>
                        <input type="text" class="form-control" name="contact_person" id="contact_person" placeholder="Contact Person" value="{{ $siteInformation->contact_person }}">
                      </div>
                      <div class="form-group">
                        <label for="contact_no">Contact Number</label>
                        <input type="text" class="form-control" name="contact_no" id="contact_no" placeholder="Contact Number" value="{{ $siteInformation->contact_no }}">
                      </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email" value="{{ $siteInformation->email }}">
                        </div>
                        <div class="form-group">
                            <label for="address">Address</label>
                            <input type="text" class="form-control" name="address" id="address" placeholder="Address" value="{{ $siteInformation->address }}">
                        </div>

                    </div>
                    <div class="col-md-6 col-12">
                        <div class="form-group">
                            <label for="start_time">Start Time</label>
                            <input type="text" class="form-control" name="start_time" id="start_time" placeholder="Address" value="{{ $siteInformation->start_time }}">
                        </div>
                        <div class="form-group">
                            <label for="end_time">End Time</label>
                            <input type="text" class="form-control" name="end_time" id="end_time" placeholder="End Time" value="{{ $siteInformation->end_time }}">
                        </div>
                        <div class="form-group">
                            <label for="site_link">Site Link</label>
                            <input type="text"  class="form-control" name="site_link" id="site_link" placeholder="Site Link" value="{{ $siteInformation->site_link }}">
                        </div>
                        <div class="form-group">
                            <label for="whatsapp_no">Whatsapp Number</label>
                            <input type="text"  class="form-control" name="whatsapp_no" id="whatsapp_no" placeholder="Whatsapp Number" value="{{ $siteInformation->whatsapp_no }}">
                        </div>
                        <div class="form-group">
                            <label for="facebook_link">Facebook Link</label>
                            <input type="text"  class="form-control" name="facebook_link" id="facebook_link" placeholder="Facebook Link" value="{{ $siteInformation->facebook_link }}">
                        </div>
                        <div class="form-group">
                            <label for="pinterest_link">Pinterest Link</label>
                            <input type="text"  class="form-control" name="pinterest_link" id="pinterest_link" placeholder="Pinterest Link" value="{{ $siteInformation->pinterest_link }}">
                        </div>
                        <div class="form-group">
                            <label for="twitter_link">Twitter Link</label>
                            <input type="text"  class="form-control" name="twitter_link" id="twitter_link" placeholder="Twitter Link" value="{{ $siteInformation->twitter_link }}">
                        </div>
                        <div class="form-group">
                            <label for="instagram_link">Instagram Link</label>
                            <input type="text"  class="form-control" name="instagram_link" id="instagram_link" placeholder="Instagram Link" value="{{ $siteInformation->instagram_link }}">
                        </div>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="float-right">
                      <button type="submit" class="btn btn-primary mr-1 mb-1">Save</button>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@section('page-script')
    <!-- Page js files -->
    <script type="text/javascript">
        $(document).ready(function () {
            function generateUnorderedListHandler(data, $appendTarget) {
                for (var key in data) {
                    var $option = $('<option>', {
                        text: data[key],
                        value: key
                    });

                    $appendTarget.append($option);
                }
            }

            var $uploadImageInput = $("input[name='profile-image']");
            var $profileImagePreview = $("#profile-image-preview");
            var $attachmentInput = $("input[name='attachment_uuid']");

            $uploadImageInput.on("change", function (e) {
                e.preventDefault();

                var reader = new FileReader();
                reader.onload = function (event) {
                    $.ajax({
                        url: "{{ route("general.store-image-to-temporary-storage") }}",
                        method: "POST",
                        data: {
                            "user_uuid": "{{ Auth::user()->uuid }}",
                            "filename": e.target.files[0].name,
                            "base64": event.target.result
                        },
                        success: function (res) {
                            $profileImagePreview.attr("src", event.target.result);
                            $attachmentInput.attr("value", res.attachment_uuid);

                            Swal.fire(
                                'Successfully!',
                                res.message + " , please press the button <b>Save</b> to continue.",
                                'success',
                                1000
                            )
                        },
                        error: function (res) {}
                    });
                };

                reader.readAsDataURL(this.files[0]);
            });
        });
    </script>
    @include('admin.menu.site_information.components.support-js.crud.submit-js')
@endsection