https://holysmokesbbqco.com/notebook/RecipeDetail.jUWp2C87.js

1import{l as y,n as b,u as e}from"./index.notebook.web.C_cnQpuh.js";import{S}from"./preact.CLum3pgv.js";import"./firebase.BANt4uTy.js";const v={rub:"Rub",sauce:"Sauce",fullCook:"Full Cook"};function R(){const{S:t,sBtn:d,setView:x,setDirty:m}=y(),{currentRecipe:i,editRecipe:f,deleteRecipe:u,cooksUsingRecipe:g,recipes:a,setCurrentRecipe:h}=b();if(!i)return null;const s=g(i.id),l=i.type,p=i.rubRecipeId?a.find(o=>o.id===i.rubRecipeId):null,c=i.sauceRecipeId?a.find(o=>o.id===i.sauceRecipeId):null,n=({label:o,value:r})=>r?e("div",{style:{display:"flex",justifyContent:"space-between",padding:"8px 0",borderBottom:`1px solid ${t.border}`},children:[e("span",{style:{fontSize:"12px",color:t.muted},children:o}),e("span",{style:{fontSize:"13px",fontWeight:"600",color:t.text,textAlign:"right",maxWidth:"60%"},children:r})]}):null;return e("div",{className:"bbq-container",style:{padding:"16px",paddingBottom:"80px"},children:[e("button",{onClick:()=>{x("recipes"),h(null),m(!1)},style:{background:"none",border:"none",color:t.accent,fontSize:"14px",cursor:"pointer",marginBottom:"12px"},children:"Back to Recipes"}),e("div",{style:{marginBottom:"16px"},children:[e("span",{style:{fontSize:"10px",color:t.accent,fontWeight:"700",padding:"2px 8px",background:t.dark,borderRadius:"4px",letterSpacing:"0.5px",border:`1px solid ${t.border}`},children:v[l]}),e("h2",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"22px",letterSpacing:"1px",marginTop:"8px",marginBottom:"4px"},children:i.name}),i.rating>0&&e("span",{style:{fontSize:"22px",fontWeight:"700",color:t.accent,fontFamily:"'Oswald', sans-serif"},children:[i.rating,"/9"]})]}),(i.ingredients||[]).length>0&&e("div",{style:{background:t.card,borderRadius:"10px",padding:"16px",marginBottom:"16px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"10px"},children:"Ingredients"}),i.ingredients.map((o,r)=>e("div",{style:{display:"flex",justifyContent:"space-between",padding:"6px 0",borderBottom:r<i.ingredients.length-1?`1px solid ${t.border}`:"none"},children:[e("span",{style:{fontSize:"14px",color:t.text},children:o.name||"Unnamed"}),e("span",{style:{fontSize:"13px",color:t.muted,fontWeight:"500"},children:o.amount?`${o.amount} ${o.unit}`:""})]},r))]}),l==="sauce"&&i.cookMethod&&e("div",{style:{background:t.card,borderRadius:"10px",padding:"16px",marginBottom:"16px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"8px"},children:"Cook Method"}),e("div",{style:{fontSize:"14px",color:t.text,lineHeight:"1.6",whiteSpace:"pre-wrap"},children:i.cookMethod})]}),l==="fullCook"&&e(S,{children:[i.instructions&&e("div",{style:{background:t.card,borderRadius:"10px",padding:"16px",marginBottom:"16px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"8px"},children:"Instructions"}),e("div",{style:{fontSize:"14px",color:t.text,lineHeight:"1.6",whiteSpace:"pre-wrap"},children:i.instructions})]}),e("div",{style:{background:t.card,borderRadius:"10px",padding:"16px",marginBottom:"16px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"8px"},children:"Cook Details"}),e(n,{label:"Meat Type",value:i.meatType}),e(n,{label:"Rub",value:p?p.name:null}),e(n,{label:"Sauce",value:c?c.name:null}),e(n,{label:"Wood",value:i.woodRecommendation}),e(n,{label:"Temp",value:i.tempGuidelines}),e(n,{label:"Time",value:i.timeGuidelines})]})]}),i.notes&&e("div",{style:{background:t.card,borderRadius:"10px",padding:"16px",marginBottom:"16px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"8px"},children:"Notes"}),e("div",{style:{fontSize:"14px",color:t.text,lineHeight:"1.6",whiteSpace:"pre-wrap"},children:i.notes})]}),e("div",{style:{background:t.dark,borderRadius:"10px",padding:"14px",marginBottom:"16

1px",border:`1px solid ${t.border}`},children:[e("div",{style:{fontFamily:"'Oswald', sans-serif",fontSize:"13px",letterSpacing:"2px",color:t.accent,marginBottom:"10px"},children:"Cook History"}),s.length===0?e("div",{style:{fontSize:"13px",color:t.muted,textAlign:"center",padding:"12px 0"},children:"No cooks have used this recipe yet."}):s.map(o=>e("div",{style:{padding:"8px 0",borderBottom:`1px solid ${t.border}`},children:[e("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e("div",{children:[e("div",{style:{fontSize:"13px",fontWeight:"600",color:t.text},children:o.name}),e("div",{style:{fontSize:"11px",color:t.muted},children:[o.date,o.meatType?` · ${o.meatType}`:""]})]}),o.rating>0&&e("div",{style:{fontSize:"16px",fontWeight:"700",color:t.accent,fontFamily:"'Oswald', sans-serif"},children:[o.rating,"/9"]})]}),o.whatIdChange&&e("div",{style:{fontSize:"11px",color:"#fbbf24",marginTop:"4px",fontStyle:"italic"},children:["Change: ",o.whatIdChange]})]},o.id))]}),e("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap",marginBottom:"16px"},children:[e("button",{onClick:()=>f(i),style:{...d(!0,!1),flex:1},children:"Edit"}),e("button",{onClick:()=>u(i.id),style:{...d(!1,!1),flex:1,color:"#f87171",borderColor:"#f8717133"},children:"Delete"})]})]})}export{R as default};