@component('components.master') @slot('body')
@verbatim
<div class="layout-px-spacing" id="app">
    <div class="row layout-top-spacing justify-content-md-center">
        <div class="col-sm-8 col-12">
            <div class="page-header mb-3">
                <div class="page-title">
                    <h3>Imagenes </h3>
                </div>
            </div>
            <div class="statbox widget box box-shadow">
                <div class="widget-header">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <button
                                class="btn btn-success m-4"

                                @click="Save"
                            >

                                Crear Carpeta
                            </button>

                        </div>
                    </div>
                </div>

                <div class="widget-content widget-content-area br-8">
                    <div class="alert alert-arrow-right alert-icon-right  m-4 alert-light-warning alert-dismissible fade show mb-4" role="alert">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line></svg>
                        <strong>Advertencia!</strong> Para poder subir Imagenes, debe estar conectado a un servidor y la carpeta <strong>public/storage</strong>  no debe exister. Asergurate de eliminarla antes de presionar este botón, seguido despues la carpeta <strong>storage</strong> debe ser creada al presionar este este boton.
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endverbatim
@endslot
@slot('script')
    <script type="module">
    import Table from "{{asset('config/dt.js')}}"
      const {
            createApp
        } = Vue
 let dt = new Table()
        createApp({

            data(){
                return{
                    add: true,
                    model:{
                        name:'',
                        direccion:'',
                        sucursal_id:1,
                        comprobante_id:1
                    },
                    data:[],
                    comprobantes:[],
                }
            },
            methods:{
                async getData(){
                    try{
                        let res = await axios.get("{{url('')}}/api/v1/tiraje-sucursals-session")
                        return res.data
                    }catch(e){

                    }finally{

                    }
                },
                async Save(){
                    let self = this
                    try{


                           let res = await axios.get("{{url('')}}/api/src")
                            Swal.fire({
                            position: 'center',
                            icon: 'success',
                            title: 'Carpeta Creada!',
                            text: 'Se ha creado la carpeta public/storage'

                        })

                    }catch(e){

                    }finally{

                        dt.create()
                    }
                },
                deleteItem(id) {
                    let self = this

                    Swal.fire({
                        title: 'Estas seguro?',
                        text: "Este cambio es irreversible.",
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Eliminar!',
                        cancelButtonText: 'No!',
                        reverseButtons: true,
                        padding: '2em'
                    }).then(async (result) => {
                        if (result.value) {
                            try {


                                let url = "{{url('api/v1/tirajes')}}/"+id

                                await axios.delete(url)
                                dt.destroy()
                                    await Promise.all([self.getData()]).then((v) => {
                                        self.data = v[0]
                                    })
                                dt.create()
                            } catch (e) {

                            }
                        }
                    })
                },
                async getUrl(path) {
                    try {
                        let res = await axios.get("{{url('')}}/api/v1/"+path)
                        return res.data
                    } catch (e) {

                    } finally {

                    }
                },
            },
            mounted(){
                this.$nextTick(async () => {
$("#module_admin").addClass("module_active")
                    let self = this

                    try {
                        await Promise.all([self.getData(),
                    self.getUrl('comprobantes')
                    ]).then((v) => {
                            this.data = v[0]
                            this.comprobantes= v[1]
                        })
                        dt.create()

                    } catch (e) {

                    } finally {


                    }




                })

            }
        }).mount('#app')
    </script>
@endslot
@slot('style')
    <style>
        body{

        }
    </style>
@endslot
@endcomponent