import{a as se,b as ce,c as pe,d as ve,e as ue,f as y,g as Se,h as ge,i as he}from"./chunk-VDYJI5P6.js";import{a as te,b as ie,c as re,e as ne,f as oe,g as ae,h as le,k as de,n as me}from"./chunk-AU3DMOPH.js";import{j as $,k as ee}from"./chunk-BQB4BED3.js";import{C as J,D as K,T as X,U as Y,V as Z}from"./chunk-JR5KBGQS.js";import{a as Q,b as W}from"./chunk-M26LZ2ML.js";import{b as G,d as x,f as P,g as j,i as H,j as N,k as O,l as q,m as U,n as R,o as z}from"./chunk-Z5S6ECVD.js";import{$a as F,Aa as w,Cb as D,Eb as b,Fa as E,Ja as f,Qa as e,Ra as t,Sa as r,T as g,Ta as B,U as h,V as l,Va as S,W as d,_a as k,a as I,ab as T,fb as i,ib as V,jb as L,kb as A,ra as v,va as u}from"./chunk-2CS2EKB4.js";import{a as _}from"./chunk-WWX6BADO.js";var be=["editor"];function ye(s,n){s&1&&(e(0,"mat-error"),i(1," Name is required "),t())}function Ce(s,n){s&1&&(e(0,"mat-error"),i(1," Title must be at least 3 characters "),t())}function Me(s,n){s&1&&(e(0,"mat-error"),i(1," Icons is required "),t())}function _e(s,n){s&1&&(e(0,"mat-error"),i(1," Address is required "),t())}var C=class s{constructor(n,o,a,m,c){this.fb=n;this.dialogRef=o;this._service=a;this._commonService=m;this._snackbar=c;this.serviceForm=this.fb.group({title:["",[x.required,x.minLength(3)]],icons:["",[x.required]],address:["",x.required]})}quillEditor;htmlContent=`<div class="our-service" id="service">
    <div class="container">
        <div class="row align-items-center section-row">
            <div class="col-lg-7">
                <!-- Section Title Start -->
                <div class="section-title">
                    <h3 class="wow fadeInUp">theraphist team</h3>
                    <h2 class="text-anime-style-2" data-cursor="-opaque"><span>We Provide</span> The Best Services</h2>
                </div>
                <!-- Section Title End -->
            </div>

            <div class="col-lg-5">
                <!-- Section Button Start -->
                <div class="section-btn wow fadeInUp" data-wow-delay="0.25s">
                    <a href="#" class="btn-default">view all services</a>
                </div>
                <!-- Section Button End -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-1.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>manual therapy</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.2s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-2.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>chronic pain</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-3.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>hand therapy</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-4.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>sports therapy</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="0.8s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-5.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>cupping therapy</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-3 col-md-6">
                <!-- Service Item Start -->
                <div class="service-item wow fadeInUp" data-wow-delay="1s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-service-6.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>laser therapy</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-footer">
                        <a href="#" class="service-btn"><img src="images/arrow-white.svg" alt="">
                        </a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>

            <div class="col-lg-6">
                <!-- Service Item Start -->
                <div class="service-item service-cta-item wow fadeInUp" data-wow-delay="1.2s">
                    <!-- Icon Box Start -->
                    <div class="icon-box">
                        <img src="images/icon-cta.svg" alt="">
                    </div>
                    <!-- Icon Box End -->

                    <!-- Service Body Start -->
                    <div class="service-body">
                        <h3>ready to start your journey to recovery?</h3>
                        <p>We understand that injuries and acute pain can  unexpectedly. Our emergency physiotherapy.</p>
                    </div>
                    <!-- Service Body End -->

                    <!-- Service Footer Start -->
                    <div class="service-cta-btn">
                        <a href="#" class="btn-default">Book Appointment</a>
                    </div>
                    <!-- Service Footer End -->
                </div>
                <!-- Service Item End -->
            </div>                
        </div>
    </div>
 </div>`;customCSS=`
  .our-service{
	padding: 50px 0 70px;
}

.service-item{
	padding: 30px;
	border: 2px solid var(--dark-divider-color);
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.service-item:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 0px;
    background-color: var(--accent-color);
    transition: all 0.4s ease-in-out;
    height: 100%;
    z-index: -1;
}

.service-item:hover:before{
	top: 0;
}

.service-item .icon-box{
	background-color: var(--secondary-color);
	height: 52px;
	width: 52px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.service-item .icon-box::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 0px;
    background-color: var(--white-color);
    transition: all 0.5s ease-in-out;
    height: 100%;
}

.service-item:hover .icon-box::before{
	top: 0;
}

.service-item .icon-box img{
	position: relative;
	z-index: 1;
	max-width: 30px;
}

.service-item .service-body{
	margin-bottom: 20px;
}

.service-item .service-body h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	transition: all 0.5s ease-in-out;
}

.service-item:hover .service-body h3{
	color: var(--white-color);
}

.service-item .service-body p{
	margin: 0;
	transition: all 0.5s ease-in-out;
}

.service-item:hover .service-body p{
	color: var(--white-color);
}

.service-item .service-footer a{
	background-color: var(--primary-color);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s ease-in-out;
}

.service-item .service-footer a:hover{
	background-color: var(--text-color);
}

.service-cta-item{
	padding: 40px 100px;
	text-align: center;
}

.service-cta-item .icon-box{
	margin: 0 auto;
	margin-bottom: 20px;
}

.service-cta-item:hover .service-cta-btn .btn-default:after{
	width: 100%;
}

.service-cta-item:hover .service-cta-btn .btn-default:before{
	background-color: var(--accent-color);
}`;subscription=new I;serviceForm;hidePassword=!0;hideConfirmPassword=!0;isLoading=!1;onSubmit(){if(this.serviceForm.valid){let n=_({},this.serviceForm.value);delete n.confirmPassword,this.isLoading=!0,this.subscription.add(this._service.createUser(n).subscribe(o=>{this.isLoading=!1,this._commonService.showSnackBar("Added User Successfuly!","success"),this.dialogRef.close()},o=>{this.handleErr(o)}))}}onCancel(){this.dialogRef.close()}handleErr(n){this.isLoading=!1,console.log(n),this._commonService.showSnackBar(n.error.message,"error")}onEditorCreated(n){this.injectCustomCSS(n)}injectCustomCSS(n){let o=document.createElement("style");o.innerHTML=this.customCSS,n.root.parentElement?.appendChild(o)}saveContent(){console.log("Saved Content:",this.htmlContent)}static \u0275fac=function(o){return new(o||s)(u(U),u(se),u(he),u(me),u(de))};static \u0275cmp=w({type:s,selectors:[["app-add-services"]],viewQuery:function(o,a){if(o&1&&k(be,5),o&2){let m;F(m=T())&&(a.quillEditor=m.first)}},decls:50,vars:7,consts:[["editor",""],[1,"dialog-container"],[1,"dialog-header"],["mat-dialog-title",""],["mat-icon-button","",3,"click"],[1,"user-form",3,"ngSubmit","formGroup"],[1,"row"],[1,"col-12"],["appearance","outline",1,"w-100"],["matInput","","formControlName","title","placeholder","Enter title"],["matPrefix","",1,"me-2"],[4,"ngIf"],[1,"col-md-12"],["matInput","","formControlName","icons","placeholder","Enter icons"],["matInput","","formControlName","address","rows","3","placeholder","Enter full address"],[3,"ngModelChange","onEditorCreated","ngModel"],["align","end",1,"dialog-actions"],["mat-button","",1,"me-2",3,"click"],["mat-raised-button","","color","primary",3,"click","disabled"]],template:function(o,a){if(o&1){let m=B();e(0,"div",1)(1,"div",2)(2,"h2",3),i(3,"Add New Services"),t(),e(4,"button",4),S("click",function(){return g(m),h(a.onCancel())}),e(5,"mat-icon"),i(6,"close"),t()()(),e(7,"mat-dialog-content")(8,"form",5),S("ngSubmit",function(){return g(m),h(a.onSubmit())}),e(9,"div",6)(10,"div",7)(11,"mat-form-field",8)(12,"mat-label"),i(13,"Title"),t(),r(14,"input",9),e(15,"mat-icon",10),i(16,"person"),t(),E(17,ye,2,0,"mat-error",11)(18,Ce,2,0,"mat-error",11),t()()(),e(19,"div",6)(20,"div",12)(21,"mat-form-field",8)(22,"mat-label"),i(23,"Icons"),t(),r(24,"input",13),e(25,"mat-icon",10),i(26,"email"),t(),E(27,Me,2,0,"mat-error",11),t()()(),e(28,"div",6)(29,"div",7)(30,"mat-form-field",8)(31,"mat-label"),i(32,"Address"),t(),r(33,"textarea",14),e(34,"mat-icon",10),i(35,"home"),t(),E(36,_e,2,0,"mat-error",11),t()()()(),e(37,"div",6)(38,"div",7)(39,"quill-editor",15,0),A("ngModelChange",function(p){return g(m),L(a.htmlContent,p)||(a.htmlContent=p),h(p)}),S("onEditorCreated",function(p){return g(m),h(a.onEditorCreated(p))}),t()()()(),e(41,"mat-dialog-actions",16)(42,"button",17),S("click",function(){return g(m),h(a.onCancel())}),e(43,"mat-icon"),i(44,"close"),t(),i(45," Cancel "),t(),e(46,"button",18),S("click",function(){return g(m),h(a.onSubmit())}),e(47,"mat-icon"),i(48,"save"),t(),i(49," Create Service "),t()()()}if(o&2){let m,c,p,M;v(8),f("formGroup",a.serviceForm),v(9),f("ngIf",(m=a.serviceForm.get("title"))==null?null:m.hasError("required")),v(),f("ngIf",(c=a.serviceForm.get("title"))==null?null:c.hasError("minlength")),v(9),f("ngIf",(p=a.serviceForm.get("icons"))==null?null:p.hasError("required")),v(9),f("ngIf",(M=a.serviceForm.get("address"))==null?null:M.hasError("required")),v(3),V("ngModel",a.htmlContent),v(7),f("disabled",a.serviceForm.invalid||a.serviceForm.pending)}},dependencies:[b,D,z,N,G,P,j,O,q,y,pe,ue,ve,le,ae,ne,te,ie,re,oe,Z,Y,X,Se,K,J,ge,W,Q,R,H],styles:[".dialog-container[_ngcontent-%COMP%]{padding:0;max-width:800px;width:100%}.dialog-header[_ngcontent-%COMP%]{background-color:#f8f9fa;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6}.dialog-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0;font-size:1.5rem;color:#2c3e50}mat-dialog-content[_ngcontent-%COMP%]{padding:1.5rem!important;max-height:70vh}.user-form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1rem}.row[_ngcontent-%COMP%]{margin-bottom:.5rem}mat-form-field[_ngcontent-%COMP%]{width:100%}.mat-mdc-form-field-icon-prefix[_ngcontent-%COMP%]{color:#6c757d;padding-right:8px}.dialog-actions[_ngcontent-%COMP%]{padding:1rem 1.5rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;margin:0}@media (max-width: 768px){.dialog-container[_ngcontent-%COMP%]{max-width:100%;height:100%}mat-dialog-content[_ngcontent-%COMP%]{max-height:calc(100vh - 180px)}}"]})};var fe=class s{constructor(n){this.dialog=n}openUserDialog(){this.dialog.open(C,{width:"800px",disableClose:!0}).afterClosed().subscribe(o=>{o&&console.log("New user data:",o)})}static \u0275fac=function(o){return new(o||s)(u(ce))};static \u0275cmp=w({type:s,selectors:[["app-services"]],decls:163,vars:0,consts:[[1,"content-wrapper"],[1,"content-header"],[1,"container-fluid","my-2"],[1,"row","mb-2"],[1,"col-sm-6"],[1,"col-sm-6","text-end"],[1,"btn","btn-default",3,"click"],[1,"content"],[1,"container-fluid"],[1,"card"],[1,"card-header"],[1,"card-tools"],[1,"input-group","input-group",2,"width","250px"],["type","text","name","table_search","placeholder","Search",1,"form-control","float-right"],[1,"input-group-append"],["type","submit",1,"btn"],[1,"fas","fa-search"],[1,"card-body","table-responsive","p-0"],[1,"table","table-hover","text-nowrap"],["width","60"],["width","100"],["xmlns","http://www.w3.org/2000/svg","fill","none","viewBox","0 0 24 24","stroke-width","2","stroke","currentColor","aria-hidden","true",1,"text-success-500","h-6","w-6","text-success"],["stroke-linecap","round","stroke-linejoin","round","d","M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"],["href","#"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 20 20","fill","currentColor","aria-hidden","true",1,"filament-link-icon","w-4","h-4","mr-1"],["d","M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"],["href","#",1,"text-danger","w-4","h-4","mr-1"],[0,"wire","loading.remove.delay","",0,"wire","target","","xmlns","http://www.w3.org/2000/svg","viewBox","0 0 20 20","fill","currentColor","aria-hidden","true",1,"filament-link-icon","w-4","h-4","mr-1"],["ath","","fill-rule","evenodd","d","M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z","clip-rule","evenodd"],["xmlns","http://www.w3.org/2000/svg","fill","none","viewBox","0 0 24 24","stroke-width","2","stroke","currentColor","aria-hidden","true",1,"text-danger","h-6","w-6"],["stroke-linecap","round","stroke-linejoin","round","d","M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"],[1,"card-footer","clearfix"],[1,"pagination","pagination","m-0","float-right"],[1,"page-item"],["href","#",1,"page-link"]],template:function(o,a){o&1&&(e(0,"app-header")(1,"div",0)(2,"section",1)(3,"div",2)(4,"div",3)(5,"div",4)(6,"h1"),i(7,"Services"),t()(),e(8,"div",5)(9,"a",6),S("click",function(){return a.openUserDialog()}),i(10,"New Service"),t()()()()(),e(11,"section",7)(12,"div",8)(13,"div",9)(14,"div",10)(15,"div",11)(16,"div",12),r(17,"input",13),e(18,"div",14)(19,"button",15),r(20,"i",16),t()()()()(),e(21,"div",17)(22,"table",18)(23,"thead")(24,"tr")(25,"th",19),i(26,"ID"),t(),e(27,"th"),i(28,"Name"),t(),e(29,"th"),i(30,"Email"),t(),e(31,"th"),i(32,"Phone"),t(),e(33,"th"),i(34,"Gender"),t(),e(35,"th",20),i(36,"Status"),t(),e(37,"th",20),i(38,"Actions"),t()()(),e(39,"tbody")(40,"tr")(41,"td"),i(42," 1 "),t(),e(43,"td"),i(44,"Ritika Singh"),t(),e(45,"td"),i(46,"example@example.com"),t(),e(47,"td"),i(48,"123456789"),t(),e(49,"td"),i(50,"Female"),t(),e(51,"td"),l(),e(52,"svg",21),r(53,"path",22),t()(),d(),e(54,"td")(55,"a",23),l(),e(56,"svg",24),r(57,"path",25),t()(),d(),e(58,"a",26),l(),e(59,"svg",27),r(60,"path",28),t()()()(),d(),e(61,"tr")(62,"td"),i(63,"2"),t(),e(64,"td"),i(65,"Mohit Singh"),t(),e(66,"td"),i(67,"example@example.com"),t(),e(68,"td"),i(69,"123456789"),t(),e(70,"td"),i(71,"Male"),t(),e(72,"td"),l(),e(73,"svg",29),r(74,"path",30),t()(),d(),e(75,"td")(76,"a",23),l(),e(77,"svg",24),r(78,"path",25),t()(),d(),e(79,"a",26),l(),e(80,"svg",27),r(81,"path",28),t()()()(),d(),e(82,"tr")(83,"td"),i(84,"3"),t(),e(85,"td"),i(86,"Mohit Singh"),t(),e(87,"td"),i(88,"example@example.com"),t(),e(89,"td"),i(90,"123456789"),t(),e(91,"td"),i(92,"Male"),t(),e(93,"td"),l(),e(94,"svg",21),r(95,"path",22),t()(),d(),e(96,"td")(97,"a",23),l(),e(98,"svg",24),r(99,"path",25),t()(),d(),e(100,"a",26),l(),e(101,"svg",27),r(102,"path",28),t()()()(),d(),e(103,"tr")(104,"td"),i(105,"4"),t(),e(106,"td"),i(107,"Mohit Singh"),t(),e(108,"td"),i(109,"example@example.com"),t(),e(110,"td"),i(111,"123456789"),t(),e(112,"td"),i(113,"Male"),t(),e(114,"td"),l(),e(115,"svg",21),r(116,"path",22),t()(),d(),e(117,"td")(118,"a",23),l(),e(119,"svg",24),r(120,"path",25),t()(),d(),e(121,"a",26),l(),e(122,"svg",27),r(123,"path",28),t()()()(),d(),e(124,"tr")(125,"td"),i(126,"5"),t(),e(127,"td"),i(128,"Mohit Singh"),t(),e(129,"td"),i(130,"example@example.com"),t(),e(131,"td"),i(132,"123456789"),t(),e(133,"td"),i(134,"Male"),t(),e(135,"td"),l(),e(136,"svg",21),r(137,"path",22),t()(),d(),e(138,"td")(139,"a",23),l(),e(140,"svg",24),r(141,"path",25),t()(),d(),e(142,"a",26),l(),e(143,"svg",27),r(144,"path",28),t()()()()()()(),d(),e(145,"div",31)(146,"ul",32)(147,"li",33)(148,"a",34),i(149,"\xAB"),t()(),e(150,"li",33)(151,"a",34),i(152,"1"),t()(),e(153,"li",33)(154,"a",34),i(155,"2"),t()(),e(156,"li",33)(157,"a",34),i(158,"3"),t()(),e(159,"li",33)(160,"a",34),i(161,"\xBB"),t()()()()()()()(),r(162,"app-footer"),t())},dependencies:[b,$,ee,y],encapsulation:2})};export{fe as ServicesComponent};
