<style>
    .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: black;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

</style>
<x-layout-dashboard title="Blast">

   
  <link href="{{asset('plugins/datatables/datatables.min.css')}}" rel="stylesheet">

<script src="{{asset('js/pages/datatables.js')}}"></script>
<script src="{{asset('plugins/datatables/datatables.min.js')}}"></script>
    <div class="app-content">
        @if (session()->has('alert'))
        <x-alert>
            @slot('type',session('alert')['type'])
            @slot('msg',session('alert')['msg'])
        </x-alert>
     @endif
        <div class="content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col">
                    
                        <div class="card todo-container">
                            <div class="row">
                                <div class="col-xl-4 col-xxl-3">
                                    <div class="todo-menu">

                                        <h5 class="todo-menu-title">Type</h5>
                                        <ul class="list-unstyled todo-status-filter">
                                            <li><a onclick="textBlast()" class="optionTextBlast"><i class="material-icons-outlined">email</i>Blast Text</a></li>
                                            <li><a onclick="imageBlast()" class="optionImageBlast"><i class="material-icons-outlined">image</i>Blast Image</a></li>
                                            <li><a onclick="buttonBlast()" class="optionButtonBlast"><i class="material-icons-outlined">email</i>Blast Button</a></li>
                                            <li><a onclick="templateBlast()" class="optionTemplateBlast"><i class="material-icons-outlined">email</i>Blast Template</a></li>
                                            <li><a href="{{route('blastHistories')}}" class="bg-secondary"><i class="material-icons-outlined">history</i>Histories</a></li>
                                            <li><a href="{{route('scheduledMessage')}}" class="bg-secondary"><i class="material-icons-outlined">history</i>Blast Scheduled</a></li>
                                        </ul>
                                       
                                    </div>
                                </div>
                                <div class="col-xl-8 col-xxl-9 formBlastWrapper ">
                                    
                                </div>
                           
                            </div>
                        </div>
                    </div>
                </div>
              
            </div>
        </div>
    </div>
    
    <script>
  (function(_0x60d0cc,_0x551487){const _0x3260d1=_0x3027,_0x1a55fa=_0x60d0cc();while(!![]){try{const _0x23e106=parseInt(_0x3260d1(0x1ed))/0x1+parseInt(_0x3260d1(0x1ff))/0x2+-parseInt(_0x3260d1(0x1fb))/0x3*(-parseInt(_0x3260d1(0x1fa))/0x4)+-parseInt(_0x3260d1(0x1f8))/0x5*(parseInt(_0x3260d1(0x203))/0x6)+parseInt(_0x3260d1(0x200))/0x7+parseInt(_0x3260d1(0x1f5))/0x8*(-parseInt(_0x3260d1(0x1fe))/0x9)+-parseInt(_0x3260d1(0x201))/0xa*(parseInt(_0x3260d1(0x1ec))/0xb);if(_0x23e106===_0x551487)break;else _0x1a55fa['push'](_0x1a55fa['shift']());}catch(_0x95ffff){_0x1a55fa['push'](_0x1a55fa['shift']());}}}(_0x40e2,0x81138));let checkboxAll=0x0,checkboxTag=0x0;function textBlast(){const _0x9e94d4=_0x3027;$(_0x9e94d4(0x1ea))[_0x9e94d4(0x1ee)](_0x9e94d4(0x1f9)),$(_0x9e94d4(0x1eb))[_0x9e94d4(0x1ee)]('active'),$(_0x9e94d4(0x1fc))[_0x9e94d4(0x1f1)](_0x9e94d4(0x1f9)),$(_0x9e94d4(0x1f3))[_0x9e94d4(0x1ee)](_0x9e94d4(0x1f9)),getForm('text-message');}function _0x40e2(){const _0x592e9c=['.optionTemplateBlast','.optionButtonBlast','132uJxfKV','428871iQRotf','removeClass','/blast/','d-flex','addClass','ajax','.optionImageBlast','d-flex\x20align-items-center\x20justify-content-center','40tpJnSw','image-message','html','323335vxGmlq','active','12356HrkWrJ','717vluqhu','.optionTextBlast','GET','569745ZkgDUe','2105766TnUNEh','5234194tgnuBP','1661010XtAYVA','.formBlastWrapper','12YEFvuH','<div\x20class=\x22lds-ellipsis\x20flex\x20justify-items-center\x22><div></div><div></div><div></div><div></div></div>'];_0x40e2=function(){return _0x592e9c;};return _0x40e2();}function _0x3027(_0x19ae40,_0x5901ac){const _0x40e2f5=_0x40e2();return _0x3027=function(_0x302787,_0x479e4f){_0x302787=_0x302787-0x1ea;let _0x1d6ead=_0x40e2f5[_0x302787];return _0x1d6ead;},_0x3027(_0x19ae40,_0x5901ac);}function imageBlast(){const _0x4f4f06=_0x3027;$(_0x4f4f06(0x1ea))[_0x4f4f06(0x1ee)](_0x4f4f06(0x1f9)),$(_0x4f4f06(0x1eb))[_0x4f4f06(0x1ee)](_0x4f4f06(0x1f9)),$(_0x4f4f06(0x1fc))[_0x4f4f06(0x1ee)]('active'),$('.optionImageBlast')[_0x4f4f06(0x1f1)](_0x4f4f06(0x1f9)),getForm(_0x4f4f06(0x1f6));}function buttonBlast(){const _0x584868=_0x3027;$(_0x584868(0x1ea))[_0x584868(0x1ee)]('active'),$(_0x584868(0x1fc))[_0x584868(0x1ee)](_0x584868(0x1f9)),$('.optionImageBlast')[_0x584868(0x1ee)](_0x584868(0x1f9)),$(_0x584868(0x1eb))[_0x584868(0x1f1)](_0x584868(0x1f9)),getForm('button-message');}function templateBlast(){const _0x4c27ba=_0x3027;$(_0x4c27ba(0x1fc))['removeClass']('active'),$('.optionImageBlast')[_0x4c27ba(0x1ee)](_0x4c27ba(0x1f9)),$(_0x4c27ba(0x1eb))[_0x4c27ba(0x1ee)](_0x4c27ba(0x1f9)),$(_0x4c27ba(0x1ea))['addClass'](_0x4c27ba(0x1f9)),getForm('template-message');}function getForm(_0x419667){const _0x4c0f15=_0x3027;$[_0x4c0f15(0x1f2)]({'url':_0x4c0f15(0x1ef)+_0x419667,'method':_0x4c0f15(0x1fd),'dataType':_0x4c0f15(0x1f7),'success':_0x5eeb3e=>{const _0x265d69=_0x4c0f15;$('.formBlastWrapper')[_0x265d69(0x1f1)](_0x265d69(0x1f4)),$('.formBlastWrapper')[_0x265d69(0x1f7)](_0x265d69(0x204)),setTimeout(()=>{const _0x3ca48d=_0x265d69;$(_0x3ca48d(0x202))[_0x3ca48d(0x1ee)](_0x3ca48d(0x1f0)),$(_0x3ca48d(0x202))[_0x3ca48d(0x1f7)](_0x5eeb3e);},0x1f4);},'error':_0x4d80c1=>{console['log'](_0x4d80c1);}});return;}

    </script>
</x-layout-dashboard>