text: (self.webpackChunk=self.webpackChunk||[]).push([[651],{5378:(t,o,s)=>{"use strict";s.r(o),s.d(o,{default:()=>e});const r={data:function(){return{form:{photo:null,photoTwo:null,photos:[]},errors:{photo:["The photo is not an acceptable. Only JPG, PNG or TIF allowed."]},examples:{photoInput:'<div>\n    <x-input-label for="photo"> Photo </x-input-label>\n    <div class="mt-1">\n        <x-input-photo v-model="form.photo" />\n    </div>\n</div>',photoInputWithError:'<div>\n    <x-input-label for="photo" :errors="errors.photo">\n        Photo\n    </x-input-label>\n    <div class="mt-1">\n        <x-input-photo v-model="form.photo" :errors="errors.photo" />\n        <x-input-errors :errors="errors.photo" />\n    </div>\n</div>',existingPhotoInput:'<div>\n    <x-input-label for="photo"> Photo </x-input-label>\n    <div class="mt-1">\n        <x-input-photo\n        v-model="form.photoTwo"\n        src="https://i.guim.co.uk/img/media/c94b1f4f0953f77b777216a698d5ec7fc00f0227/0_354_4296_2578/master/4296.jpg?width=1200&height=1200&quality=85&auto=format&fit=crop&s=4db44a58ab558cc49444ca5253a02071"\n        />\n    </div>\n</div>',multiplePhotosInput:'<div>\n    <x-input-label for="photos"> Photos </x-input-label>\n    <div class="mt-1">\n        <x-input-photos v-model="form.photos" />\n    </div>\n</div>'}}}};const e=(0,s(1900).Z)(r,(function(){var t=this,o=t.$createElement,s=t._self._c||o;return s("div",{staticClass:"p-8 max-w-screen-lg"},[s("x-page-header",{attrs:{title:"Inputs",breadcrumbs:[{title:"Home",href:"/"},{title:"Inputs",href:"/inputs/photo"}]},on:{back:function(o){return t.$inertia.visit(o)},navigate:function(o){return t.$inertia.visit(o)}}}),t._v(" "),s("x-card",{staticClass:"mt-5",attrs:{title:"Photo Inputs"}},[s("h3",{staticClass:"font-semibold"},[t._v("Photo Input")]),t._v(" "),s("div",{staticClass:"prose max-w-none mt-2 mb-8"},[s("pre",[t._v(t._s(t.examples.photoInput))])]),t._v(" "),s("div",[s("x-input-label",{attrs:{for:"photo"}},[t._v(" Photo ")]),t._v(" "),s("div",{staticClass:"mt-1"},[s("x-input-photo",{model:{value:t.form.photo,callback:function(o){t.$set(t.form,"photo",o)},expression:"form.photo"}})],1)],1),t._v(" "),s("h3",{staticClass:"mt-8 font-semibold"},[t._v("Photo Input With Error")]),t._v(" "),s("div",{staticClass:"prose max-w-none mt-2 mb-8"},[s("pre",[t._v(t._s(t.examples.photoInputWithError))])]),t._v(" "),s("div",[s("x-input-label",{attrs:{for:"photo",errors:t.errors.photo}},[t._v("\n        Photo\n      ")]),t._v(" "),s("div",{staticClass:"mt-1"},[s("x-input-photo",{attrs:{errors:t.errors.photo},model:{value:t.form.photo,callback:function(o){t.$set(t.form,"photo",o)},expression:"form.photo"}}),t._v(" "),s("x-input-errors",{attrs:{errors:t.errors.photo}})],1)],1),t._v(" "),s("h3",{staticClass:"font-semibold mt-8"},[t._v("Photo Input (with existing photo)")]),t._v(" "),s("div",{staticClass:"prose max-w-none mt-2 mb-8"},[s("pre",[t._v(t._s(t.examples.existingPhotoInput))])]),t._v(" "),s("div",[s("x-input-label",{attrs:{for:"photo"}},[t._v(" Photo ")]),t._v(" "),s("div",{staticClass:"mt-1"},[s("x-input-photo",{attrs:{src:"https://i.guim.co.uk/img/media/c94b1f4f0953f77b777216a698d5ec7fc00f0227/0_354_4296_2578/master/4296.jpg?width=1200&height=1200&quality=85&auto=format&fit=crop&s=4db44a58ab558cc49444ca5253a02071"},model:{value:t.form.photoTwo,callback:function(o){t.$set(t.form,"photoTwo",o)},expression:"form.photoTwo"}})],1)],1),t._v(" "),s("h3",{staticClass:"font-semibold mt-8"},[t._v("Multiple Photos Input")]),t._v(" "),s("div",{staticClass:"prose max-w-none mt-2 mb-8"},[s("pre",[t._v(t._s(t.examples.multiplePhotosInput))])]),t._v(" "),s("div",[s("x-input-label",{attrs:{for:"photos"}},[t._v(" Photos ")]),t._v(" "),s("div",{staticClass:"mt-1"},[s("x-input-photos",{model:{value:t.form.photos,callback:function(o){t.$set(t.form,"photos",o)},expression:"form.photos"}})],1)],1)])],1)}),[],!1,null,null,null).exports}}]);