'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var headerText = require('./headerText-2eeecf55.js');
var normalText = require('./normalText-7b937f11.js');
var textField = require('./textField-b43babf6.js');
var fileAttachment = require('./fileAttachment-e3aca156.js');
var TsIcon = require('./TsIcon.js');
var TsButton = require('./TsButton.js');
var index = require('./index-293bcbe3.js');
var vue = require('vue');
require('./_commonjsHelpers-b3309d7b.js');
require('http');
require('https');
require('stream');
require('assert');
require('tty');
require('util');
require('os');
require('has-flag');
require('zlib');
require('form-data');

var script = {
    components: {
        TsHeaderText: headerText.script,
        TsFileAttachment: fileAttachment.script,
        TsTextField: textField.script,
        TsNormalText: normalText.script,
        TsIcon: TsIcon["default"],
        TsButton: TsButton["default"],
    },
    props: {},
    name: "TsAddWork",
    setup() {
        const formData = index.Logic.users.tutors.CreateWorkForm;
        const addWork = () => {
            formData.to = index.Logic.common.dateToMilliseconds(formData.to.toString());
            formData.from = index.Logic.common.dateToMilliseconds(formData.from.toString());
            index.Logic.users.tutors.CreateTutorWork(true);
        };
        return {
            formData,
            addWork,
        };
    },
};

const _hoisted_1 = ["onClick"];
const _hoisted_2 = /*#__PURE__*/vue.createTextVNode(" Add Work ");
const _hoisted_3 = { class: "w-full py-3 mdlg:!px-3 px-0 grid grid-cols-12 gap-2" };
const _hoisted_4 = { class: "flex flex-col col-span-12" };
const _hoisted_5 = /*#__PURE__*/vue.createTextVNode(" Instituition ");
const _hoisted_6 = { class: "flex flex-col col-span-12" };
const _hoisted_7 = /*#__PURE__*/vue.createTextVNode(" Position ");
const _hoisted_8 = { class: "flex flex-col space-y-1 col-span-12" };
const _hoisted_9 = /*#__PURE__*/vue.createTextVNode(" Year ");
const _hoisted_10 = { class: "flex flex-row items-center space-x-2" };
const _hoisted_11 = { class: "flex flex-col flex-grow" };
const _hoisted_12 = { class: "flex flex-col flex-grow" };
const _hoisted_13 = { class: "flex flex-col col-span-12" };
const _hoisted_14 = /*#__PURE__*/vue.createTextVNode(" Verification ");
const _hoisted_15 = { class: "col-span-12 gap-2 grid grid-cols-12 pt-2" };
const _hoisted_16 = /*#__PURE__*/vue.createTextVNode(" Cancle ");
const _hoisted_17 = /*#__PURE__*/vue.createTextVNode(" Done ");

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_header_text = vue.resolveComponent("ts-header-text");
  const _component_ts_text_field = vue.resolveComponent("ts-text-field");
  const _component_ts_normal_text = vue.resolveComponent("ts-normal-text");
  const _component_ts_icon = vue.resolveComponent("ts-icon");
  const _component_ts_file_attachment = vue.resolveComponent("ts-file-attachment");
  const _component_ts_button = vue.resolveComponent("ts-button");

  return (vue.openBlock(), vue.createElementBlock("div", {
    class: "rounded shadow-md bg-white md:!py-5 md:!px-5 py-3 pb-4 lg:!text-sm mdlg:!text-[12px] text-xs px-4 flex flex-col lg:!w-[30%] mdlg:!w-[37%] md:!w-[50%] w-full",
    onClick: vue.withModifiers($event => (true), ["stop"])
  }, [
    vue.createVNode(_component_ts_header_text, {
      size: 'lg',
      customClass: ' w-full text-center'
    }, {
      default: vue.withCtx(() => [
        _hoisted_2
      ]),
      _: 1 /* STABLE */
    }),
    vue.createElementVNode("div", _hoisted_3, [
      vue.createElementVNode("div", _hoisted_4, [
        vue.createVNode(_component_ts_text_field, {
          placeholder: "Hogwarts",
          "custom-class": "mdlg:px-3 px-2  border-[1px] rounded border-gray-200",
          paddings: "py-3",
          hasTitle: true,
          modelValue: $setup.formData.institution,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($setup.formData.institution) = $event))
        }, {
          title: vue.withCtx(() => [
            _hoisted_5
          ]),
          _: 1 /* STABLE */
        }, 8 /* PROPS */, ["modelValue"])
      ]),
      vue.createElementVNode("div", _hoisted_6, [
        vue.createVNode(_component_ts_text_field, {
          placeholder: "Chemistry Teacher",
          "custom-class": "mdlg:px-3 px-2  border-[1px] rounded border-gray-200",
          paddings: "py-3",
          hasTitle: true,
          modelValue: $setup.formData.position,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($setup.formData.position) = $event))
        }, {
          title: vue.withCtx(() => [
            _hoisted_7
          ]),
          _: 1 /* STABLE */
        }, 8 /* PROPS */, ["modelValue"])
      ]),
      vue.createElementVNode("div", _hoisted_8, [
        vue.createVNode(_component_ts_normal_text, null, {
          default: vue.withCtx(() => [
            _hoisted_9
          ]),
          _: 1 /* STABLE */
        }),
        vue.createElementVNode("div", _hoisted_10, [
          vue.createElementVNode("div", _hoisted_11, [
            vue.createVNode(_component_ts_text_field, {
              placeholder: "From",
              "custom-class": "mdlg:px-3 px-2  border-[1px] rounded border-gray-200",
              paddings: "py-3",
              hasTitle: false,
              type: "date",
              modelValue: $setup.formData.from,
              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($setup.formData.from) = $event))
            }, null, 8 /* PROPS */, ["modelValue"])
          ]),
          vue.createVNode(_component_ts_icon, {
            name: 'dash',
            customClass: 'h-[3px]'
          }),
          vue.createElementVNode("div", _hoisted_12, [
            vue.createVNode(_component_ts_text_field, {
              placeholder: "To",
              "custom-class": "mdlg:px-3 px-2  border-[1px] rounded border-gray-200",
              paddings: "py-3",
              hasTitle: false,
              modelValue: $setup.formData.to,
              "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($setup.formData.to) = $event)),
              type: "date"
            }, null, 8 /* PROPS */, ["modelValue"])
          ])
        ])
      ]),
      vue.createElementVNode("div", _hoisted_13, [
        vue.createVNode(_component_ts_file_attachment, {
          placeholder: "Upload file",
          modelValue: $setup.formData.verification,
          "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($setup.formData.verification) = $event))
        }, {
          title: vue.withCtx(() => [
            _hoisted_14
          ]),
          _: 1 /* STABLE */
        }, 8 /* PROPS */, ["modelValue"])
      ]),
      vue.createElementVNode("div", _hoisted_15, [
        vue.createVNode(_component_ts_button, {
          bgColor: 'bg-white',
          padding: 'px-4 py-3',
          customClass: 'border-[1px] border-primaryPurple col-span-6',
          textColor: 'text-primaryPurple'
        }, {
          default: vue.withCtx(() => [
            _hoisted_16
          ]),
          _: 1 /* STABLE */
        }),
        vue.createVNode(_component_ts_button, {
          customClass: 'border-[1px] border-primaryPurple col-span-6',
          padding: 'px-4 py-3',
          onClick: _cache[5] || (_cache[5] = vue.withModifiers($event => ($setup.addWork()), ["stop"]))
        }, {
          default: vue.withCtx(() => [
            _hoisted_17
          ]),
          _: 1 /* STABLE */
        })
      ])
    ])
  ], 8 /* PROPS */, _hoisted_1))
}

script.render = render;
script.__file = "src/components/TsAddWork/index.vue";

exports["default"] = script;
