(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[156],{1469:(e,t,s)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var s in t)Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}(t,{default:function(){return n},getImageProps:function(){return c}});let l=s(8229),r=s(8883),a=s(3063),o=l._(s(1193));function c(e){let{props:t}=(0,r.getImgProps)(e,{defaultLoader:o.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,s]of Object.entries(t))void 0===s&&delete t[e];return{props:t}}let n=a.Image},3273:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>x});var l=s(5155),r=s(2115),a=s(6766);let o=e=>{let{post:t}=e,[s,o]=(0,r.useState)(!1),[c,n]=(0,r.useState)(!1),i=t.title.length>50?"".concat(t.title.substring(0,50),"..."):t.title;return(0,l.jsxs)("article",{className:"bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1",onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[(0,l.jsxs)("div",{className:"relative w-full h-48 overflow-hidden",children:["video"===t.type&&t.videoSrc&&!s?(0,l.jsxs)("video",{className:"w-full h-full object-cover",controls:!0,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,poster:t.image,onError:()=>o(!0),children:[(0,l.jsx)("source",{src:t.videoSrc,type:"video/mp4"}),"Your browser does not support the video tag."]}):(0,l.jsx)(a.default,{src:t.image||"".concat("https://www.samimramizfellowship.org/","/placeholder.svg"),alt:t.title,className:"w-full h-full object-cover transition-transform duration-500 ".concat(c?"scale-105":"scale-100"),width:1200,height:800}),"video"===t.type&&(0,l.jsx)("div",{className:"absolute top-3 right-3 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded",children:"Video"})]}),(0,l.jsxs)("div",{className:"p-5",children:[(0,l.jsxs)("div",{className:"flex items-center text-gray-500 text-xs mb-2",children:[(0,l.jsx)("span",{children:t.date}),(0,l.jsx)("span",{className:"mx-2",children:"•"}),(0,l.jsx)("span",{children:t.author})]}),(0,l.jsx)("h3",{className:"font-semibold text-lg mb-2 line-clamp-2",title:t.title,children:i}),(0,l.jsx)("p",{className:"text-gray-600 text-sm line-clamp-3 mb-4",children:t.excerpt}),(0,l.jsxs)("button",{className:"text-blue-600 hover:text-blue-800 text-sm font-medium flex items-center transition-transform duration-200 ".concat(c?"translate-x-1":""),children:["Read more",(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 ml-1",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})]})]})},c=e=>{let{currentPage:t,totalPages:s,onPageChange:r}=e,a=[];if(s<=5)for(let e=1;e<=s;e++)a.push(e);else{a.push(1);let e=Math.max(2,t-1),l=Math.min(s-1,t+1);e>2&&a.push("ellipsis-start");for(let t=e;t<=l;t++)a.push(t);l<s-1&&a.push("ellipsis-end"),a.push(s)}return(0,l.jsx)("nav",{className:"flex justify-center mt-12",children:(0,l.jsxs)("ul",{className:"flex items-center space-x-1",children:[(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:()=>t>1&&r(t-1),disabled:1===t,className:"px-3 py-2 rounded-md ".concat(1===t?"text-gray-400 cursor-not-allowed":"text-gray-700 hover:bg-gray-200"),"aria-label":"Previous page",children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})})})}),a.map((e,s)=>"ellipsis-start"===e||"ellipsis-end"===e?(0,l.jsx)("li",{className:"px-3 py-2",children:(0,l.jsx)("span",{className:"text-gray-500",children:"..."})},"ellipsis-".concat(s)):(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:()=>"number"==typeof e&&r(e),className:"px-3 py-2 rounded-md ".concat(t===e?"bg-blue-600 text-white":"text-gray-700 hover:bg-gray-200"),"aria-label":"Page ".concat(e),"aria-current":t===e?"page":void 0,children:e})},s)),(0,l.jsx)("li",{children:(0,l.jsx)("button",{onClick:()=>t<s&&r(t+1),disabled:t===s,className:"px-3 py-2 rounded-md ".concat(t===s?"text-gray-400 cursor-not-allowed":"text-gray-700 hover:bg-gray-200"),"aria-label":"Next page",children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})})})]})})};var n=s(3464);let i=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return(await n.A.get("".concat("https://www.samimramizfellowship.org/api","/blogs?page=").concat(e))).data};var d=s(8999);function h(e){let{title:t}=e,s=(0,d.usePathname)(),[a,o]=(0,r.useState)(""),[c,n]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=window.location.origin;o("".concat(e).concat(s))},[s]);let i=async()=>{await navigator.clipboard.writeText(a),n(!0),setTimeout(()=>n(!1),2e3)};return a?(0,l.jsxs)("div",{className:"flex flex-wrap gap-4 mb-12 pt-6 border-t border-gray-200",children:[(0,l.jsxs)("a",{href:"https://wa.me/?text=".concat(encodeURIComponent(t+" "+a)),target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-green-50",children:[(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"30",height:"30",viewBox:"0 0 48 48",children:[(0,l.jsx)("path",{fill:"#fff",d:"M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z"}),(0,l.jsx)("path",{fill:"#fff",d:"M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z"}),(0,l.jsx)("path",{fill:"#cfd8dc",d:"M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z"}),(0,l.jsx)("path",{fill:"#40c351",d:"M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z"}),(0,l.jsx)("path",{fill:"#fff",fillRule:"evenodd",d:"M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z",clipRule:"evenodd"})]}),"WhatsApp"]}),(0,l.jsxs)("a",{href:"https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(a)),target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-blue-50",children:[(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"30",height:"30",viewBox:"0 0 48 48",children:[(0,l.jsx)("path",{fill:"#039be5",d:"M24 5A19 19 0 1 0 24 43A19 19 0 1 0 24 5Z"}),(0,l.jsx)("path",{fill:"#fff",d:"M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z"})]}),"Facebook"]}),(0,l.jsxs)("a",{href:"https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(a),"&text=").concat(encodeURIComponent(t)),target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-blue-50",children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"30",height:"30",viewBox:"0 0 48 48",children:(0,l.jsx)("path",{fill:"#03A9F4",d:"M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"})}),"Twitter"]}),(0,l.jsxs)("button",{onClick:i,className:"flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-100",children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"#000000",width:"30",height:"30",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{d:"M8,7 L8,8 L6.5,8 C5.67157288,8 5,8.67157288 5,9.5 L5,18.5 C5,19.3284271 5.67157288,20 6.5,20 L13.5,20 C14.3284271,20 15,19.3284271 15,18.5 L15,17 L16,17 L16,18.5 C16,19.8807119 14.8807119,21 13.5,21 L6.5,21 C5.11928813,21 4,19.8807119 4,18.5 L4,9.5 C4,8.11928813 5.11928813,7 6.5,7 L8,7 Z M16,4 L10.5,4 C9.67157288,4 9,4.67157288 9,5.5 L9,14.5 C9,15.3284271 9.67157288,16 10.5,16 L17.5,16 C18.3284271,16 19,15.3284271 19,14.5 L19,7 L16.5,7 C16.2238576,7 16,6.77614237 16,6.5 L16,4 Z M20,6.52797748 L20,14.5 C20,15.8807119 18.8807119,17 17.5,17 L10.5,17 C9.11928813,17 8,15.8807119 8,14.5 L8,5.5 C8,4.11928813 9.11928813,3 10.5,3 L16.4720225,3 C16.6047688,2.99158053 16.7429463,3.03583949 16.8535534,3.14644661 L19.8535534,6.14644661 C19.9641605,6.25705373 20.0084195,6.39523125 20,6.52797748 Z M17,6 L18.2928932,6 L17,4.70710678 L17,6 Z M11.5,13 C11.2238576,13 11,12.7761424 11,12.5 C11,12.2238576 11.2238576,12 11.5,12 L13.5,12 C13.7761424,12 14,12.2238576 14,12.5 C14,12.7761424 13.7761424,13 13.5,13 L11.5,13 Z M11.5,11 C11.2238576,11 11,10.7761424 11,10.5 C11,10.2238576 11.2238576,10 11.5,10 L16.5,10 C16.7761424,10 17,10.2238576 17,10.5 C17,10.7761424 16.7761424,11 16.5,11 L11.5,11 Z M11.5,9 C11.2238576,9 11,8.77614237 11,8.5 C11,8.22385763 11.2238576,8 11.5,8 L16.5,8 C16.7761424,8 17,8.22385763 17,8.5 C17,8.77614237 16.7761424,9 16.5,9 L11.5,9 Z"})})," ",c?"Copied!":"Copy URL"]})]}):null}function x(){var e,t,s;let[n,d]=(0,r.useState)([]),[x,m]=(0,r.useState)(1),[p,u]=(0,r.useState)(1),[g,f]=(0,r.useState)(!0),[w,v]=(0,r.useState)(""),[j,b]=(0,r.useState)(null);(0,r.useEffect)(()=>{(async()=>{try{f(!0);let e=await i(x);d(e.data||[]),u(e.last_page||1)}catch(e){e instanceof Error?(console.error("Error fetching posts:",e.message),v("Failed to fetch posts. "+e.message)):(console.error("Unknown error:",e),v("An unknown error occurred."))}finally{f(!1)}})()},[x]);let C=async e=>{try{let t=await fetch("".concat("https://www.samimramizfellowship.org/api","/blogs/").concat(e));if(!t.ok)throw Error("Post not found");let s=await t.json();b(s)}catch(e){console.error("Error fetching post details:",e),v("Failed to load the post details.")}},y=e=>{var t;if(!e)return"image";let s=null==(t=e.split(".").pop())?void 0:t.toLowerCase();return s&&["mp4","avi","mkv"].includes(s)?"video":"image"},N=j?new Date(j.published_at).toLocaleDateString():"";return(0,l.jsx)("main",{className:"min-h-screen bg-gray-50 py-12",children:(0,l.jsxs)("div",{className:"max-w-6xl mx-auto px-4",children:[(0,l.jsx)("h1",{className:"text-4xl font-bold mb-2 text-center",children:"Our Blog"}),(0,l.jsx)("p",{className:"text-gray-600 mb-12 text-center max-w-2xl mx-auto",children:"Stay updated with the latest news, stories, and insights from our network of radio stations and media partners across Afghanistan."}),g?(0,l.jsx)("div",{className:"text-center text-lg text-gray-500",children:"Loading posts..."}):w?(0,l.jsx)("div",{className:"text-center text-red-600",children:w}):null===j?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:n.map(e=>{var t;let s=e.file?"".concat("https://www.samimramizfellowship.org/storage","/").concat(e.file):void 0,r=y(e.file);return(0,l.jsx)("div",{onClick:()=>C(e.slug),className:"cursor-pointer",children:(0,l.jsx)(o,{post:{id:String(e.id),title:e.title,excerpt:e.excerpt,image:s,type:r,videoSrc:"video"===r?s:void 0,date:new Date(e.published_at).toLocaleDateString(),author:(null==(t=e.user)?void 0:t.name)||"Unknown"}})},e.id)})}),p>1&&(0,l.jsx)("div",{className:"mt-10",children:(0,l.jsx)(c,{currentPage:x,totalPages:p,onPageChange:e=>m(e)})})]}):(0,l.jsxs)("div",{className:"bg-white min-h-screen",children:[(0,l.jsx)("div",{className:"max-w-4xl mx-auto pt-8 px-4",children:(0,l.jsxs)("button",{onClick:()=>{b(null)},className:"mb-6 flex items-center px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-md transition-colors",children:[(0,l.jsx)("svg",{className:"w-4 h-4 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})}),"Back to Blog"]})}),(0,l.jsxs)("article",{className:"max-w-4xl mx-auto px-4 pb-16",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4 mb-4",children:[(0,l.jsx)("span",{className:"bg-blue-100 text-blue-800 px-2 py-1 rounded-md text-sm font-medium",children:null==(e=j.category)?void 0:e.name}),(0,l.jsxs)("div",{className:"flex items-center text-gray-500 text-sm",children:[(0,l.jsx)("svg",{className:"w-4 h-4 mr-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})}),(0,l.jsx)("span",{children:N})]})]}),(0,l.jsx)("h1",{className:"text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight",children:j.title}),(0,l.jsxs)("div",{className:"flex items-center gap-4 mb-8 pb-8 border-b border-gray-200",children:[(0,l.jsx)("div",{className:"h-12 w-12 rounded-full overflow-hidden",children:(0,l.jsx)(a.default,{src:"https://ui-avatars.com/api/?name=".concat(encodeURIComponent((null==(t=j.user)?void 0:t.name)||"User"),"&background=random&rounded=true&size=100"),alt:j.title,className:"h-full w-full object-cover",width:100,height:100,priority:!1})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"font-medium",children:null==(s=j.user)?void 0:s.name}),(0,l.jsx)("div",{className:"text-sm text-gray-500",children:"Author"})]})]}),(0,l.jsx)("div",{className:"mb-8 rounded-xl overflow-hidden shadow-lg",children:j.file&&(0,l.jsx)("div",{className:"aspect-video bg-black",children:"video"===y(j.file)?(0,l.jsxs)("video",{className:"w-full h-full object-contain",controls:!0,poster:j.file,children:[(0,l.jsx)("source",{src:"".concat("https://www.samimramizfellowship.org/storage","/").concat(j.file),type:"video/mp4"}),"Your browser does not support the video tag."]}):(0,l.jsx)(a.default,{src:"".concat("https://www.samimramizfellowship.org/storage","/").concat(j.file),alt:j.title,className:"w-full h-auto object-cover",width:1200,height:800,priority:!1})})}),(0,l.jsx)("div",{className:"prose prose-lg max-w-none mb-12",dangerouslySetInnerHTML:{__html:j.content||""}}),(0,l.jsx)(h,{title:j.title})]})]})]})})}},4935:(e,t,s)=>{Promise.resolve().then(s.bind(s,3273))},6766:(e,t,s)=>{"use strict";s.d(t,{default:()=>r.a});var l=s(1469),r=s.n(l)}},e=>{var t=t=>e(e.s=t);e.O(0,[63,464,441,684,358],()=>t(4935)),_N_E=e.O()}]);