PageSourceSearch

https://www.colemanstreet.org/Registration/Register/Index?id=1

html colemanstreet.org collected 2026-09-27 14:46:39 UTC 202,327 bytes, 3,131 lines download raw bytes

1
2
3
4    <!-- Google Analytics -->
5
6<!DOCTYPE html>
7<html lang="en-GB" data-root="/">
8
9<head>
10    <meta charset="utf-8" />
11<meta name="viewport" content="width=device-width, initial-scale=1.0">
12
13
14
15    <title>Interested in Membership?</title>
16
17    <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAIABJREFUeF7tnXdcVFcThh9ggaWDCBbs2CvYW0zE3jX2Eo3G3hVjxZJoYoslMTaMJhprrDGKBbuxt1ixRlEsVOnsLlu&#x2B;3zkrxHQUPrPCnn&#x2B;I2Xvv3jPznjkz78yctTAYDAbMI8dKwMIMgByrezlxMwBytv7NAMjh&#x2B;jcDwAwAsxOYozFg9gFytPrNTmAOV78ZAGYAmHmAnI0Bsw&#x2B;Qs/VvDgNzuP7NADADwMwD5GgMmH2AHK1&#x2B;cxiYw9VvBoAZAGYeIGdjwOwD5Gz9m8PAHK5/MwDMADDzADkaA2YfIEer3xwG5nD1mwFgBoCZB8jZGMgWPoAhVYsuVYvCXpmztfkas387AfCimy31eTw3x8wlYfcpPKd&#x2B;SPHBHxD3yy2ebg7G2tsL7z7tXkMkOeuWtw4AepWas8364e5XHcvoZJ4v2oBru0a4DmyDhaUlIR0&#x2B;xtLFlnJBy3EpUzxnafM1ZvvWAeDh8q08GzUT74UTCR37FYaEZDDo0Rt0cvo6a2sqP96HtbuLBIR5/LME3hoAJD4II/7oRRKOnyZx/TEMGjUW&#x2B;j80NltYgMGA1sOeJJ2GUitm4tWu/hvFQHx8Emp1KtbWVri4OGIh3smEx1sBgIS7oegfRvB44tegUpNy9VfAIJUt/qQPSwvQ6/EY3Z18k/ti7er8xkQfFRXL0uU7&#x2B;H79PlI1WhQKS3wqlGT48PbUrVPJZIHwVgAgbMkWIqeuQB8dDWJB6fUI4y5MvNC/Xq&#x2B;Xfy0sFUaFW0OytxvVDqxFmc/jdyDQa1KxtLHOUmBERsbSrsN4ChXMy6ef9MUjtxtJSclcu36fIcPnM2pERwYPbJ&#x2B;l35lVD3srAHClzkfobtxDH5eIhbsLj0oX54KVFTbuLthqVdTP54lTfAKJwWfRRUdjpbBBq02h6M7FeLZ8x&#x2B;gbqDU82XMK91rlsM&#x2B;TO6vkJ58zMWAZ12&#x2B;
17EsnrVJFxdHdOfLQzUocMXWPjVRnZun2OSVsDkAaCJT&#x2B;QXr&#x2B;ZYaVJR5vPkTK/WzNp0kDIlCjNyZHuqVi1Nw&#x2B;YjqVW9PNOm9OH5&#x2B;mAiV/&#x2B;I9t59iq&#x2B;dhSJ/brQaNY9/OIbv3KFZqnjxsHv3HtOq1ThatnyH2rVL06RJDTSpOmbPXs2irzbx2cwhxCckMml8b2GjMDWXwOQBEHX1JjEb9pOy5yT2fjUZ92s4zZvVxcZWwcFj56hZrQwXz9&#x2B;T5tbCoGPokNZ07dYcVXQsqeHP5dZgk8cNOw83slr6j8LC6dxlKqlqPVZWluTJ68qnn3zEoMHzcHFzZN7coaRqUomIiGXzloO4ujgyadKH0jk0lWHSAIiPjSPi6VNsrBTYPIwgrPc0fmzbjFM3Q6lauTg&#x2B;lUui0xpYuy6YyMg4FFbWxMbHM7Bfc4YN7yKV8v8a9359TMtWH&#x2B;Ng50h9v4qoUlNp2/IdZs5eR3h4DIu/HoWzsz2z52zgyuV72NjYSMc1l7sDu3/6AqVS/Pu/HyYLgGdPnnLj2nXcXF1xy&#x2B;VGfEQ0zslaYscuJrJPOwo3qIpzLid8anxI8E8LOHL0Ehs3HkGj1qLWqBk2pA19&#x2B;7X9v&#x2B;y7ooSiQcNhqFUQHhXB3Vs/SE1OCFjGiWPXCZjSExGQ9Os3Fzt7JZV9itKocS3mzluHnY0d69ZPpmSJgv&#x2B;99k31jCAh4JBr13FxccWg15EYF49Ok0qhQgW5VaYz9iULML1YcXx8ilC5Smka&#x2B;lXj558vM3joV9jZ2qDXG1CpU5g0qQdduzTOckEvXrqVFYG7KVWyCEWK5mb2rMGEhUXQtNkY8ud3Z/z4HkyYsJzE5GS&#x2B;XTmR6tXKyne4eTOU99tPYubMAbRpbXRO/&#x2B;thshZACEYAIVWjIT46hufhkThYWBLbZxZJ9Xzosf8i236YQbnyxaQMV6zYyYoVu43UgEFs9wZ0ei07tn9OoUJ5s0zO4p2aNBtNtarluXrtLl26&#x2B;tG5gx8t24whJiqFWTMHMDFgOTY21uzcMZNbtx7K765Ysbg0&#x2B;9&#x2B;uCZJ&#x2B;Qf&#x2B;&#x2B;bbLsnTLzIJMGwMsTe/zjQaywJLTzeJT2FnxVtz7KQrlZ/LU/&#x2B;/adYczHS1Ha2krliyG8bUtLSxxdFOwLWohCYZUZOaXf&#x2B;yD0KY0b&#x2B;RO4YixtWo/hwYPtREQ&#x2B;p2u3T/AuWoCIyBiexyQxaVJPAqYtx05ph6UBohNjuX7xex48eELow2e0ehGeZslLZeIhbwUAYk5e4eGEhVjcCkMb&#x2B;RxsFNzs2oKFt57i4eJAeEQMlhZW6cpPk4cAgU6vY&#x2B;U3H&#x2B;PrWyoTYjLeKlZ/3XqD8Mqfl&#x2B;49GvJN4G7qvlOe3O6uLF68AxsbBVqtTq50W1trEhKSUanV6Aw6wV1Rp3ZpApdNkO/5/3RQX2WibwUArvUOwDEhlegdB0FvgcHGGkPXJkx5lkRcXBKpqVqpHCNN&#x2B;NuQqQERCFqmcu70qkw7hI8eRdC48Wjad3yP4t5efLMiiLbv12bP7rOIHID4fvEe4lUEFezm5sigwe0oXNiTfPnciYtNxMPDjeTkFPLmdcfKKmus0qso/I/XvhUAuNFhHIYHYagu3ZYbvACAx4B2DLj6hJjEFLm6/m4IECQlJbFjx&#x2B;eULFkoM7Li6LFL9O4ziyWL/Vm0aDPhz&#x2B;Ko&#x2B;05Fzp29jkaj/5MFEhZBJIYEKCys9IwY0Z7Y50ms23AAR0cb9u5egLX1C/o6U2/2&#x2B;jebPAAMej2X6vXH2dGeuIOnhU1Ha2ugwLfTGbHpBA8fR/0rANQaDcOHt6PvR61fX1LAT7tOSO&#x2B;&#x2B;c6eGbNlyGAsLSwoVzMPjJ5Hyv4W9Scv&#x2B;iUjEUsSCL4awCqmpGjp1bsCuXSdlwsg1l5KffpyLnZ1tpt4rMzebPADE5O4sXIvq8A0MKcmoE6Jxa1KfQuO60azlOBISVP8KAJ1OT/fu9fH375YZWbE8cAfLl&#x2B;2WYWapUoW5dy/MuLotjKZfmH1BABh0enLlckYkiYzAMPoPIkWsMxjI5epEVFQcBoOepUtHUaNGuUy9V2ZufisAICao1&#x2B;mlVy8FbmnBpo3BzPh8LUpb5Z9M7x8FIgRd368SX2QyFzBq1FecPXsLJ2d7ateuwM6dPwt2XwJCp9NRrVoZPD1zcfPWAx49jEj3B4xlCnpq1apA8KGzONnbk9/Lg9DQx1haWDBv3lDq16&#x2B;SGT2&#x2B;9r1vDQDSTanewPYfj0qKVa81rqw/On9/BYDmLWow/dO&#x2B;ry0ocWP79hMJD0/A0dEOX98SHDp0UaaixahZqzzxcYncCHmAXmfAysoIDKN1kDaAkqUKMHhQW0aO/honR3vGj&#x2B;9O0J6T7Nt3moaNqlO3dnnq1KmERqNl244j5M/rTvduTTL1zv92s0kD4GXzKsKruLhEevWZQVhotOTWM6J8aT30ej7s3Zjhwzr&#x2B;mzz&#x2B;9nPxDL&#x2B;Go0hOVGFpaYVCAWq1Tr5DrlwuxAq2UiscQaFwPXq9sURNoVDIbcBoBQzkzuPIpg3T8as/HCsbS37aMRtNqpZZs9fIhNbDsHDy5c1FtcplmD9vxP89XDRpAGzffoh9wReIiY0jKSGVZ09jZKAnBJrxn7kwyDBx2Ii29O3z&#x2B;k6gRpNKk6b&#x2B;qFW6P4SdRuZJrHTh9BUpkp&#x2B;yZQtTuEhedFodwcHnuXMnTH7m5uaEi4s9zi52NGlck&#x2B;mfrcargDsb1k6Tn2l1OpKSVDjYK7OMuPo3xJs0AMS&#x2B;6j9mMadP3ZQrSFiBjK76tImL&#x2B;1QqNdM&#x2B;6UX791&#x2B;/PlCAqE&#x2B;/z1En63n6LIqUZM2fth6hZJ1OK&#x2B;sB9Aa9BKutjY0Eh3gP8Qx//858tz6Ijz5oweYtx4iNTaJgITe&#x2B;WxUgfZw3PUwaADdu3Kdth4lYWyqwtVG&#x2B;EORfkD3/4AcIwQviZe3aAHx9S76WfNVqDSNGLkSbakFYWBRTp/Xkoz6fY2dn/yLUM75T2pZltAggoo90x9XCQq5qFzcl27d&#x2B;Tu26g/jqy5Fs2nQIO0dbXBxsCQj46LXeLzM3mSwAEhKSaNtxAg3qVaNGzXIEBHyDRp2aHm&#x2B;nmV2tTk&#x2B;F8kW5eu0&#x2B;Vi/iboGHl2Pw5BQVq1dPoGqV0q8sq7t3w/jwo89IjNNgYYU0zwGTPsDewY7bt8O4cf0BR45exMpSUNECCCLcM5I7ySo1NgrFC6uFZAEfPQ7n25Vj2bbjMO3a1GfQ8HlsXDuNps1HsmXzTHwrvR5IX3liL24wSQCIleQ/7kvq1PIhKjKeY8d/Ie55ktwf4&#x2B;KT8PRwk9SrYNmcnJRMmNiTiZOWkcvVDXsHG4TCn0cnYitTw3oSEpMYN64rH/Ro&#x2B;spyGjl6IWfP3MLLy52hQzsQHR3HypW7CLkVCnro278l1auUZezYZZLaFeY&#x2B;X77cVKpUDKXSVpJHRudQT82a5SleIj/Llm7hi3nD5L4/dsIShg5qT7ny3kz/bBU/rJ/xyu&#x2B;YmRtMFgDC42/ffRKL542hY7cAVgVOpFfvGfj4lGDEsE4MGbmAxn7ViYuLpYFfNYIPnichIYXhwzqwY9shtvx4nO6dGxMfl8yBA5cYOLA5gwa9/0qyEsmcylX6yJAvYNKHdO42GVVSKl27NqJgoTwUKOhB&#x2B;XJFmDZ1FdevP0wnhIT1ESGgvb2CefOG0bfvHOzt7YlPjGfpYn&#x2B;G&#x2B;89n3qzhMvbfufM4Zy&#x2B;EMOOTfjRrO5ptG2bh4PDmehxNEgBCS9&#x2B;vDyI5UcPCBRtZvORjTp2&#x2B;iq9PKZ7HJlC7VgXmLdxIh3b1sXew5drVByQlJnHk2Hnmzh4mGTsRnru6O1GpvDcBAauoU7scixePfiUATJ&#x2B;&#x2B;iuADv8gCjkFD5tCtS2O8i3lx8OAFYuMScXZ1wM3NgQL5PVn7fTA63W9NCsIHENbAu2Rehg1pT99&#x2B;c3BxdiJ/fle&#x2B;&#x2B;WYCX321galT&#x2B;pOQmEz/AbPYsO5Tzp67Qfly3tjbvzlq2CQBILaAIcPm0KhxTR7ce0qt2hVYsGAT7u7OjB//AefOh&#x2B;DgYMeBA&#x2B;cw6C2oXr0MMTHxklIVK6pBw6r8sOkwzyJiWLhgGIMHL&#x2B;
17DRw2ccCF4gKdqMDPEOPT6YisLKjgsXbjJsWHuuXL3HwQPncXCwJ5e7M7ZKBampqbjndsbRzpGLF2&#x2B;/iP2tSNVqJUsoIpmWLWuisFawb/95mjatzsABrQkM3ErAJCMx1ab9OH7cOjsjr5Xl15gkAFJS1CwL3E5keByVq5QiPj6FJ0&#x2B;iOXXyMkOGtpd75/HjV/jhh8OoVWpWrhzP9h3HyJ/PgzVrgtiw6RMG9J&#x2B;DX4NqREU&#x2B;lyzd6dPXCY94xupV0zKUgRMK7NxtKg9/jZQOpdjPExOTsbdXMnv2QJnqVak05M2bi7lz13H8&#x2B;DXASPgULpyH3LlduXz5rrQCyapkTp5YSqMmoylYwINvAsezNHAz/iN7yCih38CZrFg2IcuVm5EHmiQAlizdirOLI6dOXePo8ctMHN&#x2B;LY0cv88ul27i4OrBkiT&#x2B;9en4u42pBm37&#x2B;eV/Jom3bekw6hgUK5ebder7s2nVK7t/Nm9diy7ZD&#x2B;JQvQanSBWUvgZOT/T/KJzlZRZeuU3n6NBaVSiUdPME&#x2B;litblMuXb6HSpKJN1aHSqOnQvj5Pn0Rz&#x2B;/ZjuepVahVTpvRi0uQVskpp5IgOaLUa7t57ypHDV1i1apwsWStXtpgEyORPAvlkcr/fRS4ZUV5WXGNyABCxc6MmI2jRvC4R4bEcOXqBL74Yyhj/RVhZ2eBVIDf9&#x2B;rVkwvjAFxSrARdXR7zy5yYkJPQF/y5oWi1KpbWMAsR&#x2B;ndvdjbiEBGOxhq0Fi78cRWXfUpLXf7mBU61JJToqjtt3HhEUdEaabBdne8IeR7NmzV5CHzyVVLCbmwu9ejXB2zufBJ9Ko5EVQgorK&#x2B;kLNGzkQ61a5Rk7dinfr5nE7j3H6Nq5Oe&#x2B;3D6BGjbJ89&#x2B;2E9O/9YsE6Ro3oipWZCDKyZWV9ulHEy4v4OBXx8Yn0H9CGNav3SiJFlFLZKG1ITkz5XaIljRd4uSbQWBxq5ASEUkSCJm3o9HqUdtbUqVWexo2rU69eJa5eu8fkqSuICE&#x2B;QCR15r8KC2rXK4OzkJLeTihVL4eSsZNnSH7FQWGBjbU2tGmXxzJOLDesPvkQTG/hh8yf07jeTMSM707JFHUkMla/Ug8SkFC6c&#x2B;ZY8edzk64geA&#x2B;Fc/hfD5CyA8PKXr9xO1LMEDh&#x2B;6/KLIwlhsYRxGWjWNEn7REW78xNgdnl6YIfZXYQWSk9Xy85fzB2KxCbMu9nHhyBX1zs/zmDg0Gh0WiFyDiN0N&#x2B;PlVll550WL5Wb8umGfPYvDy8pD/PylZxb5950hOUlGggCceHi5cu3ZfWiFHJ6XkAtzcnShUIDd9ehvzEJOnrmTXzpPMnNWfpk1q/Bc6/913mhwABNFSpEwHenZqxs8/X8dOqZAhnciqif39n/rtBQDEtZZWoLS1wrdyGUIfhsvVdeTwBanw3zKMaYAxpmyN9xooWsQLVaqGZ0&#x2B;iGTKkHTt3/0xUVBSrVkxi3fqD7Nj&#x2B;M9bWlqSm6klMTuTLhSMZN2EZdja2EgCCI5g5cw3TpvVm1LhFHAhawNnz1&#x2B;nZo7kUvCCGFi7cQvNWNfEf0dkMgD9KQEQANWv3Y/CgjjKJ4&#x2B;NTnBkz1lC0SD6uXr0vV6ZWK3Lwv5nztJhbVOSkqDSUK1eMOnXKs3/fWSIiY2nf4V0unL/NrZuh6WRNmjUx/n35kAEDbrlcKFO6MEeOX2Tc2K6y2jcyIpbLV&#x2B;5z9vRNWfljrACywsnZDv/RnZn6ySqsLBQUKJgbhcKCTp38GDpyAUMHtGfMmC4SwGKcO3&#x2B;TkSMW0b5TPUabAfDnBSAE27bDBGIiUyhWzJOiRfNTpEhecud24fuNwTyPjCcmKuF3N4rMm52dkoKFPXCws6NO7QqyVUwo3MnZgS5d/GRF0dGjV3DL5ci9u0&#x2B;Jjo5NLyVL69gVtXnC&#x2B;xdDhHs9PmjMT0HHmTljgATQrDnrcbS3k1uJo6NS7vsPQ5&#x2B;hsLGkV89mfPdtEFq9gfFju3Hr7q9UKFeCLduPsipwfLrlevgwnPYdJtPtg4aMGtbJbAH&#x2B;SgL7g89J79nWxhatViudJ2dXewb0byNbr9p2nkSdquWJjopHaW/NmNFdOXT4PC1a1GH&#x2B;vI08eRKDtY1CbvpOLna0bVcPpY0I4&#x2B;yoXLk4W7ceY0/Q6RddRGmFnAaUSqW0OmnbRFJKMjM/G8hPu47x6HE08c&#x2B;TZdgptgxxJlGnTvURpeJnz9ykZMmCeOZx5ezZEPr0aYGlpY6OHRpSpXpvLl9ck94MGh0TT7XafVm5dDz161c2A&#x2B;CvJCCKL96rP5zUF6XWaU6fcNYKFPSksm8J2XAhmj2sFVYE7TkjzfSJE1claNJWtMjKOTjZyP69ooW8aNHyHZnNO3nyKnv3nuPxkyhUKRoZHtapU4FHoZGyzyCttl84irZKa6ZO&#x2B;ZDpM1ajSjGWeAvnsmy5Ypw6fYXJAT35bvVenj6OZsCAtqxatRNLhaVsC8uTxx0/v0H89NN8nJ0d5FRFarlw4dbcvLkZV1cnMwD&#x2B;TgKjx3zF4UNXZJo1DQBp1bfCWRP7thCmpQgLrcWRL8aKnJc9fVGFa&#x2B;ekYMTQDoQ9CadH12ayW&#x2B;fM2RDKlyvG5at32LAxmJrVysqCzU&#x2B;nryY&#x2B;LiUdALKtxGAgv1duunRpwNy562Wcr9UZaN6iOvfuPUGj1jB9ej8GD5lP0aL5KO5dkO/X7SF473wKFc5Lq9ajWLvm03RlCx9n6fItjB7Z/T9XvoycTO2oWOPqM8jQzbdqH1ydnF&#x2B;h/Ov3MhUr2NlNyab1n0oev0b1ssYY/MIt6r1TiSPHLnLjeqjcv5OSUhg0aC5xcSrpZKYBSTxDsnVTekr6&#x2B;fChSxJsTi4OzPysL/0HzOWDDxoRFR3LqZM36du3FXO&#x2B;WMfSxaOlLzLt0xWMGNYZN7ffchAvF4781ygwOQCI/f7c&#x2B;V&#x2B;o7FuBM2evM3DQfBzs7NMZvt/XAv5zRbCxFLs0ixaN5unTKFlD4OTkICtxvb0LUrCgJ3fvPsTPrxrLlm8nj4c7gYG70tu80pQjCCRbO&#x2B;FrdGb8&#x2B;OXyOJjdQScIDPRn46bDhNy4z487ZtKw8QgWzB/F8BELGTK4Db16NufW7VBKliic1YeTZBluTA4AYnU8fRaOp4eHXHnBB87IaiAL0po/08qv9DJvnpSk/pPpl6ZN1BDqdAwY0JKP&#x2B;rTk5Kkr1K5VkS1bj8j9&#x2B;NIvtxg2pKMEmQj5zp0LIVVr4JdLd2W3saB704asK1SnMnRoW75etI0JE3ow/8tNqFNUzJg&#x2B;AP&#x2B;xizm4fwHbfzpKkUJefLlgM&#x2B;/5VWTq5Ddf4vWqyDA5AIj06alTZ/DxqUhkZAxFihTi7r0wunabAnqhFEHaGEEgMm5iRIqO4ReVuS9TwSJRE7jsY27dfkhEVLQkYz6b&#x2B;R0jh3Vm6bKtfDymh2zVXrJsE/XqVuXEqeuS0Dl1KuRPhJOI/cuVL8zduyI9XYZSJQszaWogVy58R613BrDka398fUqyZ&#x2B;8p6WB6e&#x2B;fh02n9X1Ufb/x6kwKAWP3ifL0TJ07w7rv1CA&#x2B;PpHBh41EqgiEMmBLIyRM3sFZYG0MxvYGqVUsRGvqM6Oj49Nq7NJJG5BV8fIvLZJAuVU/NWuWIin7OO3UrMn7KYkYM6UwV3zL0GzyDXt1bcfvWI86cv4aNpb0MPV8ewhcoWiyf9B1OnLrM4EHv07vPTHZs&#x2B;4yV3&#x2B;2Smb2PerckOiYOf/&#x2B;vyV/Anc&#x2B;nD3zjCn3VLzQZAKjVak78fJKatWqyJ2gvVapWJiEhkQoVft83N2rMlxw5eFUmhYzxOHzUtyU7th8lMUGFeE7DRtUI2ncCJzsHvAp40LJVbZZ8vU0CpmMnP0JCHkgg2DooKF&#x2B;qBEePXKRCheL8&#x2B;utjIqMT0Mvy8z&#x2B;LUqlUcODgAmrU7Me&#x2B;PQuoWXcggUs/lqHi3v1nmDl9gMw&#x2B;duo2lRbNatK7V4tX1ccbv95kACBmfuTwUQmA3bt2Uat2bSLCI/DxrfQ7oQiOYFngDr77dh&#x2B;WLxovRVzeqHF1rly&#x2B;Jcu2ixTLy8L5w1n09VbJvXfp7Ee7du8SFHSaM2dvEBJyH698nhJAotBU9huILh4ryz&#x2B;0c6V9tSCLLElMSeTGtbW0ajWabVvnULpCF&#x2B;bNHk6BArm5d/8JXTo2lJajQbPhLJgzXG4Jpj5MBgDCbJ86eYoyZctw4cJFXF1ccHFxoUTJEn&#x2B;
17SocjgDRg8m2uXBbdvKTl5ocTRozty8dId9u09I4s2xTEtYY8jWfHNTlmJ06tXM9xcnIh5nsDmLYekxbgZ8hBbpa3M64so4cGDZy&#x2B;A9VL/gYVB8gahj55x&#x2B;OBCrl27S6lSRejWfQr9&#x2B;rXBw9NNElHlyhjPKzpz9ho1qpc3dd0b/SZT4QGE83f40GHy5MmDs7Mz16/fQK1W0bbdXx/1JgDz&#x2B;ew1bNv8c3rzhcgW9u7ThCqVSzN06EJslNZ8t2oCCYkpXLp0l8BvtpHb3ZmdO&#x2B;YwIWA53bo0kkUhQvHCkRQHSLRuO56IZ6J126i/NBJq4KC2bN58gH1756crdsKkZbRpXVcq29ROAM0o&#x2B;kwGAOKFHz16xOVfLtOocSO2b9&#x2B;Op2ce/Pz&#x2B;vp1L5ON9fHvi4uSa7rVrdVpZk&#x2B;fv35WLl24RtPuE7LitXr0sR49dpFwZb5metbe3kdW8WBgkhZykUqNJ0REVGSdr&#x2B;9KG8P7jEpPYv&#x2B;cLAj5ZzupvJqd/tmZtEG1a1TOpkz8zqvi060wKAOKl9u7Zi6urK7fv3MagN9CtezesJdX712N/8BnGjQvEylJ04Rpz&#x2B;oICjn4eS&#x2B;8PW/Deuz5cvforcYnxVK9alqnTV9Ku9Xt4erjj4GBLieJesjLn8OFfmD173YuVn2b&#x2B;jWbARmnBgf1fsnjZD3w8umf6iwgA2tuJ3INp/ybAP4HC5ACwJ2gPSclJPH/&#x2B;XIZ13t7eNGjQ4G/nIEK9Fq3HkhD7wpl7UQYm7hX7cnxiCnk8XWVfvqjgFfUFvfvM5u6dJySrk&#x2B;URrwqMpV0O9kbGMa2tTPgWFX2K4le/MuXKFZEdSeIAiOw0TA4A4eHhBO/fL2vrhDkXvkGBAgXkdpBW&#x2B;CEcvsRE0RqmwdbWDq3OhokTv3mpP&#x2B;83FYn4XVQJabQaeZqIvZ01KlWq5PuFeTcmmEQ/vwCM&#x2B;EyDqBcUJ5Su&#x2B;T6AK1fv0L1rE&#x2B;ndG1u/spP6TcgJTBNrdFQU&#x2B;/btl/8UZ/6KuDrdxL5E/QuFCO/dzdWdwoWLcPbcXRYt2i5Jor88Lk6mcdNoZOO3vezoiedVq15S9hE2alidXy7fYOF8fxld/Ncnef0/IWdyFuDZs2ecOnmSUqVK4eDoSMiNEOJiYynqXQwbaxs0ajX37z8gRZUiP7exscXBQbRc5efI0WssWfIjTo4O0oL809Exxry&#x2B;SCFbEhkTwzvvVGDk8I7Y2yll6tbT0&#x2B;2t3tszChqTA8DFixdl&#x2B;VaVqlWkAg4EB1OxYiU883imz0lUCUVHRXPn7h3i4xMkAGyVdjg5OnH2wh1WrtiNWiUOj/x7ey0AYGdnIw9yqFGrNMOHdqBokfwZlVu2uc7kAHDu7Dl8K/umF1EmJ4t2rL/v4omOjiHkxi1slEqqVvGRq1rk9lu1HUv8c1HfZwRB2jaS1isgyr2WLB7FrqATzPps8Bs7ksXUkGNyALh44aIEwKuEVmKfTssNpAlY/L&#x2B;&#x2B;/Wdz/aroFhKVxFqZ4hXXCYfP1k7Bz8cWo0lNxU755rpxzQD4FwmoUlSEhoZSqnTmD3cOmBpIYnwKly7fYdSITmzbfoQS3oWJi08k&#x2B;OBpftg4Q6Z1c/IwOQsgsnkXzl&#x2B;gdp3amdKL8Orv3H1Ice8CzJm3lvbt3pU1&#x2B;fXfq4Kri5NsLzcPEwwDs1opor7g1q17shtXFJdcvnyFsuXK4umRtT8dl9Xv/aaeZ3IWIKsnLkrJDxw4LA9qVqtUFC9RHF9fn6z&#x2B;mrf2edkeACLcC95/gLj4OKwVCuq9W49cubIXnZsZ9GV7AAjh7N27j9jYWBkBvP/&#x2B;&#x2B;yYReSNbAAACaElEQVTxQw2ZUVpW3psjACCoZcEwlixRklq1a2al/N76Z&#x2B;UIABw&#x2B;coQ7t29TvXoNfHx&#x2B;X2L21mswkxPIEQDYsmUrUVGiwrgwTZs2fSWSKZPyNfnbsz0ABK&#x2B;wadMmedCTKCJt2qwpXl5eZhC8gGa2BoBGo2Hnzp1ER0dLhXt6epI3T15ZeCoKTs3jLSeCRIj3&#x2B;PFjFAprYmKiZQJJdO/ef/BAlpGFhISkJ4JEPuC9996jdOlXPzA6OwPlrbUAguBJ&#x2B;7mWtEOaExMTCXsURmRkJGGPw0hJMbZ6G7uI9BQvXpz69eunn8tvPGjqt0xhdlb0383trQSAyOzdu3sP99zu8q9Wm4reYJBMX968eSXRY&#x2B;/gwP79&#x2B;2X8L8rK0g52KFbMm0KFCuHq6iIrgiIiIqlUqUJO1L0R/KbSF5AZDaSle4XDJxQeHxfP9RvXcXRwxNrGmmrVqsntQbSaPbh/3/ibP9bWlC1bRh4p/1/8Ukdm5puV92YLAIjV/fPxE9LJE&#x2B;ZeFJZWruKLg4PxWBbz&#x2B;HsJZAsAiOmJbUGs8rQTRnLyqn4VwGcbALzKpM3X/iYBMwByOBrMADADIOM/wZjDZZUtp2&#x2B;2ANlSrRmflBkAGZdVtrzSDIBsqdaMT8oMgIzLKlteaQZAtlRrxidlBkDGZZUtrzQDIFuqNeOTMgMg47LKlleaAZAt1ZrxSZkBkHFZZcsrzQDIlmrN&#x2B;KTMAMi4rLLllWYAZEu1ZnxSZgBkXFbZ8kozALKlWjM&#x2B;KTMAMi6rbHmlGQDZUq0Zn5QZABmXVba80gyAbKnWjE/KDICMyypbXmkGQLZUa8Yn9T&#x2B;SPCVxsbsm5AAAAABJRU5ErkJggg==" type="image/x-icon" />
18    
19    
20
21
22<style type="text/css">
23    .data {
24        display: none;
25    }
26</style>
27
28
29<link rel="stylesheet" href="https://www.colemanstreet.org/css/content.css?v=6.2.19.18" />
30
31<link href="https://www.colemanstreet.org/Content/fontawesome/css/all.min.css" rel="stylesheet" type="text/css" />
32<link href="https://www.colemanstreet.org/Content/fontawesome/css/v4-shims.min.css" rel="stylesheet" type="text/css" />
33
34<link href="https://www.colemanstreet.org/Content/less/All.less?v=6.2.19.18" rel="stylesheet" type="text/css" />
35<link href="https://www.colemanstreet.org/Content/less/NonLess.css?v=6.2.19.18" rel="stylesheet" type="text/css" />
36
37<link rel="stylesheet" href="https://www.colemanstreet.org/css/kendo.css?v=6.2.19.18" />
38
39    <style type="text/css">
40        #events-bind {background-image: none !important;}
41    </style>
42<script src="https://www.colemanstreet.org/Scripts/prefixfree.min.js" type="text/javascript"></script>
42
43
44
45    
46    <meta property="og:title" content="Coleman Street Ward Club" />
47<meta property="og:type" content="website" />
48<meta property="og:url" content="http://www.colemanstreet.org/Registration/Register/Index?id=1" />
49<meta property="og:description" content="" />
50<meta property="og:image" content="https://www.colemanstreet.org/Client/Images/Site/MicrosoftTeams-image__5_.png" />
51
52    
53
54
55    
55<script type="text/javascript">
56        var myClubhouseData = {"ClubName":"Coleman Street Ward Club","Culture":{"Currency":{"ISOSymbol":"GBP","Symbol":"£","DecimalPlaces":2,"DecimalDelimiter":".","GroupDelimiter":",","GroupSizes":[3],"PositivePattern":0,"NegativePattern":1},"Number":{"DecimalDelimiter":".","GroupDelimiter":",","GroupSizes":[3],"NegativePattern":1},"DateTime":{"ShortDatePattern":"dd/MM/yyyy","LongDatePattern":"dddd, d MMMM yyyy","ShortTimePattern":"HH:mm","LongTimePattern":"HH:mm:ss","DateTimePattern":"dd/MM/yyyy HH:mm","FullDateTimePattern":"dddd, d MMMM yyyy HH:mm:ss"}},"TimezoneID":"Europe/London","Terminology":{"OrgName":"Coleman Street Ward Club","OrgType":"club","Branch":"Branch","Branches":"Branches","Section":"Section","Sections":"Sections","User":"member","Users":"members","Official":"officer","Officials":"officers","Usership":"membership","LinkedSubscription":"Linked Subscription","SubscriptionAddOn":"Add-on","Token":"Token","TokenSystem":"Token","VAT":"VAT","AbilityLevel":"Ability Level","SecondAbilityLevel":"Ability Level","EventOrganiser":"Organiser","EventOrganiser2":"Second Organiser","EventOrganisingBranch":"Organising %Branch%","EventOrganisingSection":"Organising %Section%","HorseMember":"Member","HorseNonMember":"Non-Member","Certification":"Certification"},"HasBranches":false,"HasSections":false,"HasSeasons":true,"HasAbilityLevels":false,"HasSecondAbilityLevels":false,"CurrentSeasonStartDate":"01/01/2026","IsSmsEnabled":false,"IsVatRegistered":false,"TokensAreMoney":false,"EnabledModules":["CHAT_ROOMS","CMS","FAMILY_GROUPS","SHOP"],"IsDemo":false,"IsDebugging":false,"ClubLocation":{"Location":null,"
56Latitude":null,"Longitude":null},"PrimaryColour":"rgb(75, 19, 23)","SecondaryColour":"rgb(0, 13, 84)","CurrentUser":{"ID":null,"Name":null,"CompanyName":null,"HasEmail":false},"CurrentUserCanModifyMenu":false,"HorsesHaveMembership":true};
57        var myClubhouseUrlReferrer = '';
58    </script>
58
59
60    <!-- Site Analytics Module - disable when debugging -->
61        
61<script src="/Scripts/CookieConsent.js"></script>
61
62        
62<script>
63            window.addEventListener("load", function () {
64                CookieConsent.init({"ClubName":"Coleman Street Ward Club","Analytics":false,"Marketing":false,"EmbeddedContent":false});
65            });
66        </script>
66
67</head>
68
69<body>
70    
71
72
73<!-- Main Menu -->
74<!-- This is Views/Shared/_MenuBar.cshtml -->
75
76
77
78
79<div class="banner-messages">
80    <!-- Bad Browser Warning -->
81    <div id="browser-warning" class="banner-message banner-message-danger" style="display: none">
82        <span class="pull-right">
83            <i class="fa fa-close"></i>
84        </span>
85        <h1><i class="fa fa-exclamation-triangle"></i> Outdated Browser</h1>
86        <p>
87            Some website features may not work properly and it will probably run very slowly. For a better experience (and better security!) keep your browser up to date. Check
88            <a href="http://outdatedbrowser.com">here</a> for latest versions.
89        </p>
90    </div>
91
92    <!-- Demo Mode Warning -->
93    <div id="sandbox-warning" class="banner-message banner-message-warning" style="display: none; text-align: center;">
94        <h1><i class="fa fa-exclamation-triangle"></i> Sandbox Mode</h1>
95        <p>
96            Warning! Use fictitious data only; any personal data entered will become publicly available.
97            <a class="alert-link" href="https://clients.myclubhouse.co.uk/Home/ContactUs?Subject=Sandbox%20Login%20Request" target="_blank">Get free 'admin' access</a>.
98        </p>
99    </div>
100</div>
101
102<div class="navbar-wrapper " data-spy="affix" data-offset-top="1">
103
104    <nav id="main-menu" class="navbar navbar-inverse navbar-clubhouse">
105        <div class="container-fluid" data-bind="visible: true" style="display: none;">
106            <div class="navbar-header">
107                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse">
108                    <span class="sr-only">Toggle navigation</span>
109                    <span class="icon-bar"></span>
110                    <span class="icon-bar"></span>
111                    <span class="icon-bar"></span>
112                </button>
113                <!-- Show the home button if it hasn't been hidden -->
114                    <a class="navbar-brand" href="/" title="Home">
115                        <img src="https://www.colemanstreet.org/Client/Images/Site/cswc_logo_new_1024w_text.png" alt="Home" style="border: 0"/>
116                    </a>
117            </div>
118
119            <div class="navbar-collapse collapse" id="main-navbar-collapse">
120                <ul class="nav navbar-nav navbar-main">
121                    <!-- Groups -->
122
123<li class="dropdown">
124    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Club Information" role="button" aria-expanded="false">
125        <i class="fa fa-info-circle"></i> Club Information <span class="caret"></span>
126    </a>
127
128    <ul class="dropdown-menu" role="menu">
129
130        <li>
131            <a href="/Home" data-caption="Home Page" >
132                <i class="fa-fw fa fa-home"></i>
133                Home Page
134            </a>
135        </li>
136
137
138        <li>
139            <a href="/Cms/Spaces/DEFAULT/General&#x2B;Information" data-caption="About the Club" >
140                <i class="fa-fw fal fa-question-circle"></i>
141                About the Club
142            </a>
143        </li>
144
145
146        <li>
147            <a href="/Cms/Spaces/INFO/Club&#x2B;Rules" data-caption="Club Rules" >
148                <i class="fa-fw fal fa-book"></i>
149                Club Rules
150            </a>
151        </li>
152
153
154        <li>
155            <a href="/Registration/Register/Index?id=1" data-caption="Register Interest in Joining" >
156                <i class="fa-fw fal fa-person-sign"></i>
157                Register Interest in Joining
158            </a>
159        </li>
160
161
162        <li>
163            <a href="/Home/ContactUs" data-caption="Contact Us" >
164                <i class="fa-fw fa fa-phone"></i>
165                Contact Us
166            </a>
167        </li>
168
169
170
171
172
173
174        <li role="separator" class="divider"></li>
175        <li>
176            <a href="/PrivacyPolicy" data-caption="Privacy Policy" >
177                <i class="fa-fw fa fa-lock"></i>
178                Privacy Policy
179            </a>
180        </li>
181
182
183        <li>
184            <a href="/Home/TermsAndConditions" data-caption="Terms and Conditions" >
185                <i class="fa-fw fa fa-gavel"></i>
186                Terms and Conditions
187            </a>
188        </li>
189
190    </ul>
191</li>
192
193
194
195<li class="dropdown">
196    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="About Coleman Street" role="button" aria-expanded="false">
197        <i class="fas fa-question-square"></i> About Coleman Street <span class="caret"></span>
198    </a>
199
200    <ul class="dropdown-menu" role="menu">
201
202        <li>
203            <a href="/Cms/Spaces/PUBLIC/Club&#x2B;Rules" data-caption="Club Rules" >
204                <i class="fa-fw"></i>
205                Club Rules
206            </a>
207        </li>
208
209
210        <li>
211            <a href="/Cms/Spaces/PUBLIC/About&#x2B;Coleman&#x2B;Street" data-caption="About Coleman Street" >
212                <i class="fa-fw"></i>
213                About Coleman Street
214            </a>
215        </li>
216
217
218        <li>
219            <a href="/Cms/Spaces/PUBLIC/Around&#x2B;the&#x2B;
219Ward" data-caption="Around the Ward" >
220                <i class="fa-fw"></i>
221                Around the Ward
222            </a>
223        </li>
224
225
226        <li>
227            <a href="/Cms/Spaces/PUBLIC/History&#x2B;in&#x2B;the&#x2B;Ward" data-caption="History in the Ward" >
228                <i class="fa-fw"></i>
229                History in the Ward
230            </a>
231        </li>
232
233
234        <li>
235            <a href="/Cms/Spaces/PUBLIC/Ward&#x2B;Boundary" data-caption="Ward Boundary" >
236                <i class="fa-fw"></i>
237                Ward Boundary
238            </a>
239        </li>
240
241
242        <li>
243            <a href="/Cms/Spaces/PUBLIC/Common&#x2B;Council" data-caption="Common Council" >
244                <i class="fa-fw"></i>
245                Common Council
246            </a>
247        </li>
248
249
250        <li>
251            <a href="/Cms/Spaces/PUBLIC/Armourers&#x2B;Hall" data-caption="Armourers&#x27; Hall" >
252                <i class="fa-fw"></i>
253                Armourers&#x27; Hall
254            </a>
255        </li>
256
257
258        <li>
259            <a href="/Cms/Spaces/PUBLIC/St&#x2B;Margaret&#x2B;Lothbury" data-caption="St. Margaret, Lothbury" >
260                <i class="fa-fw"></i>
261                St. Margaret, Lothbury
262            </a>
263        </li>
264
265
266        <li>
267            <a href="/Cms/Spaces/PUBLIC/Links" data-caption="Links" >
268                <i class="fa-fw"></i>
269                Links
270            </a>
271        </li>
272
273    </ul>
274</li>
275
276
277
278<li class="dropdown">
279    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Events" role="button" aria-expanded="false">
280        <i class="fas fa-wine-glass-alt"></i> Events <span class="caret"></span>
281    </a>
282
283    <ul class="dropdown-menu" role="menu">
284
285        <li>
286            <a href="/Events/Calendar" data-caption="Events Calendar" >
287                <i class="fa-fw fa fa-calendar"></i>
288                Events Calendar
289            </a>
290        </li>
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312    </ul>
313</li>
314
315
316
317                    <!-- Overflow -->
318                    <li id="overflow-menu" class="dropdown hidden-xs" style="display: none">
319                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
320                            <i class="fa fa-ellipsis-v"></i>
321                        </a>
322
323                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
324
325        <li class="dropdown dropdown-submenu">
326            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Club Information" role="button" aria-expanded="false">
327                <i class="fa-fw fa fa-info-circle"></i>
328                Club Information
329            </a>
330
331            <ul class="dropdown-menu" role="menu">
332
333        <li>
334            <a href="/Home" data-caption="Home Page" >
335                <i class="fa-fw fa fa-home"></i>
336                Home Page
337            </a>
338        </li>
339
340
341        <li>
342            <a href="/Cms/Spaces/DEFAULT/General&#x2B;Information" data-caption="About the Club" >
343                <i class="fa-fw fal fa-question-circle"></i>
344                About the Club
345            </a>
346        </li>
347
348
349        <li>
350            <a href="/Cms/Spaces/INFO/Club&#x2B;Rules" data-caption="Club Rules" >
351                <i class="fa-fw fal fa-book"></i>
352                Club Rules
353            </a>
354        </li>
355
356
357        <li>
358            <a href="/Registration/Register/Index?id=1" data-caption="Register Interest in Joining" >
359                <i class="fa-fw fal fa-person-sign"></i>
360                Register Interest in Joining
361            </a>
362        </li>
363
364
365        <li>
366            <a href="/Home/ContactUs" data-caption="Contact Us" >
367                <i class="fa-fw fa fa-phone"></i>
368                Contact Us
369            </a>
370        </li>
371
372
373
374
375
376
377        <li role="separator" class="divider"></li>
378        <li>
379            <a href="/PrivacyPolicy" data-caption="Privacy Policy" >
380                <i class="fa-fw fa fa-lock"></i>
381                Privacy Policy
382            </a>
383        </li>
384
385
386        <li>
387            <a href="/Home/TermsAndConditions" data-caption="Terms and Conditions" >
388                <i class="fa-fw fa fa-gavel"></i>
389                Terms and Conditions
390            </a>
391        </li>
392
393            </ul>
394        </li>
395
396
397        <li class="dropdown dropdown-submenu">
398            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="About Coleman Street" role="button" aria-expanded="false">
399                <i class="fa-fw fas fa-question-square"></i>
400                About Coleman Street
401            </a>
402
403            <ul class="dropdown-menu" role="menu">
404
405        <li>
406            <a href="/Cms/Spaces/PUBLIC/Club&#x2B;Rules" data-caption="Club Rules" >
407                <i class="fa-fw"></i>
408                Club Rules
409            </a>
410        </li>
411
412
413        <li>
414            <a href="/Cms/Spaces/PUBLIC/About&#x2B;Coleman&#x2B;Street" data-caption="About Coleman Street" >
415                <i class="fa-fw"></i>
416                About Coleman Street
417            </a>
418        </li>
419
420
421        <li>
422            <a href="/Cms/Spaces/PUBLIC/Around&#x2B;the&#x2B;
422Ward" data-caption="Around the Ward" >
423                <i class="fa-fw"></i>
424                Around the Ward
425            </a>
426        </li>
427
428
429        <li>
430            <a href="/Cms/Spaces/PUBLIC/History&#x2B;in&#x2B;the&#x2B;Ward" data-caption="History in the Ward" >
431                <i class="fa-fw"></i>
432                History in the Ward
433            </a>
434        </li>
435
436
437        <li>
438            <a href="/Cms/Spaces/PUBLIC/Ward&#x2B;Boundary" data-caption="Ward Boundary" >
439                <i class="fa-fw"></i>
440                Ward Boundary
441            </a>
442        </li>
443
444
445        <li>
446            <a href="/Cms/Spaces/PUBLIC/Common&#x2B;Council" data-caption="Common Council" >
447                <i class="fa-fw"></i>
448                Common Council
449            </a>
450        </li>
451
452
453        <li>
454            <a href="/Cms/Spaces/PUBLIC/Armourers&#x2B;Hall" data-caption="Armourers&#x27; Hall" >
455                <i class="fa-fw"></i>
456                Armourers&#x27; Hall
457            </a>
458        </li>
459
460
461        <li>
462            <a href="/Cms/Spaces/PUBLIC/St&#x2B;Margaret&#x2B;Lothbury" data-caption="St. Margaret, Lothbury" >
463                <i class="fa-fw"></i>
464                St. Margaret, Lothbury
465            </a>
466        </li>
467
468
469        <li>
470            <a href="/Cms/Spaces/PUBLIC/Links" data-caption="Links" >
471                <i class="fa-fw"></i>
472                Links
473            </a>
474        </li>
475
476            </ul>
477        </li>
478
479
480        <li class="dropdown dropdown-submenu">
481            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-caption="Events" role="button" aria-expanded="false">
482                <i class="fa-fw fas fa-wine-glass-alt"></i>
483                Events
484            </a>
485
486            <ul class="dropdown-menu" role="menu">
487
488        <li>
489            <a href="/Events/Calendar" data-caption="Events Calendar" >
490                <i class="fa-fw fa fa-calendar"></i>
491                Events Calendar
492            </a>
493        </li>
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515            </ul>
516        </li>
517
518                        </ul>
519                    </li>
520                </ul>
521
522                <!-- ko if: IsUserSignedIn -->
523                    <p class="navbar-text navbar-right">
524                        <a href="/SignOut" alt="Sign out" title="Sign out">
525                            <i class="far fa-sign-out"></i>
526                            <span class="visible-xs-inline">Sign out</span>
527                        </a>
528                    </p>
529
530                    <ul class="nav navbar-nav navbar-right">
531                        <li class="dropdown">
532                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
533                                <i class="fas" data-bind="css: IsImpersonating()? 'fa-user-secret': 'fa-user'"></i>
534                                <span data-bind="text: SignedInUserName"></span> <span class="caret"></span>
535                            </a>
536
537                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
538
539                                <!-- Profile Menu Items -->
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571        <li>
572            <a href="/Documents/Download" data-caption="Document Downloads" >
573                <i class="fa-fw fa fa-download"></i>
574                Document Downloads
575            </a>
576        </li>
577
578
579
580
581
582
583
584
585
586
587                                <!-- Sign Out -->
588                                <li role="separator" class="divider"></li>
589                                <li>
590                                    <a href="/SignOut" alt="Sign out" title="Sign out"><i class="far fa-sign-out"></i> Sign out</a>
591                                </li>
592
593                                <!-- Roles -->
594                                <li role="separator" class="divider"></li>
595                                <li class="dropdown-header">Roles</li>
596
597                                <!-- ko foreach: Roles -->
598                                <li><span class="role-item" data-bind="text: Name"></span></li>
599                                <!-- /ko -->
600
601                                <!-- Impersonation Option -->
602                                
603                                <!-- ko if: CanImpersonate -->
604                                <li role="separator" class="divider"></li>
605                                <li>
606                                    <a href="#" data-bind="click: impersonate">
607                                        <i class="far fa-user-secret"></i> Impersonate ...
608                                    </a>
609                                </li>
610                                <li data-bind="visible: IsImpersonating">
611                                    <a href="#" data-bind="click: stopImpersonating">
612                                        <i class="far fa-user-slash"></i> Stop Impersonating
613                                    </a>
614                                </li>
615                                <!-- /ko -->
616                            </ul>
617                        </li>
618                    </ul>
619
620                    <p class="navbar-text navbar-right navbar-token-balance" title="Token Balance" data-bind="requiresFeature: 'TOKENS'" style="display: none">
621                        <a id="token-balance" href="/Finance/Tokens/MyTransactions">
622                            <span data-bind="text: TokenBalance"></span>
623                            <span class="visible-xs-inline">
624                                Tokens
625                            </span>
626                        </a>
627                    </p>
628                <!-- /ko -->
629                <!-- ko if: !IsUserSignedIn() -->
630                    <p class="nav navbar-nav navbar-right">
631                        <a class="btn btn-default" alt="Sign in" title="Sign in" data-bind="click: signIn" href="#"><i class="far fa-sign-in"></i> Sign in</a>                        
632                    </p>
633                <!-- /ko -->
634                
635                <!-- ko if: IsUserSignedIn -->
636                    <p id="cart-indicator" class="navbar-text navbar-right navbar-highlightable" data-bind="css: { 'navbar-highlight': Cart.ItemCount() }, attr: { title: Cart.ItemCount()? 'You have items in basket':'' }">
637                        <a href="/Finance/Cart" data-bind="visible: true" style="display: none">
638                            <i class="fa fa-shopping-basket"></i>
639                            <span class="visible-xs-inline">
640                                Shopping Basket
641                            </span>
642                        </a>
643                    </p>
644
645                    <ul class="nav navbar-nav navbar-right">
646                        <li class="dropdown">
647                            <a href="#" class="dropdown-toggle" data-bind="dropdown: 'sticky'" role="button" aria-expanded="false">
648                                <i class="fas fa-search"></i>
649                                <span class="visible-xs-inline">
650                                    Search
651                                </span>
652                            </a>
653
654                            <div class="dropdown-menu search-dropdown">
655                                <div class="input-group">
656                                    <input type="text" class="form-control" placeholder="what are you looking for ...?" data-bind="value: SearchText, enterkey: search">
657                                    <span class="input-group-btn">
658                                        <button class="btn btn-default" type="button" data-bind="click: search">
659                                            <i class="fas fa-search"></i>
660                                        </button>
661                                    </span>
662                                </div>
663
664                                <div class="searching-indicator" data-bind="visible: IsSearching">
665                                    <i class="fas fa-spin fa-spinner"></i> Searching ...
666                                </div>
667
668                                <div class="search-result-groups" data-bind="foreach: SearchResults">
669                                    <div data-bind="visible: !$parent.SearchCategory() || $parent.SearchCategory() === Category()">
670                                        <div class="search-result-group-category" data-bind="text: Category"></div>
671                                        <div class="search-results" data-bind="foreach: $parent.SearchCategory() === Category()? Results(): TopResults()">
672                                            <a data-bind="html: MatchingSnippet, attr: { href: URL }"></a>
673                                        </div>
674                                        <div class="clearfix">
675                                            <button type="button" class="btn btn-xs btn-default search-expand-btn pull-right"
676                                                    data-bind="visible: !$parent.SearchCategory() && Results().length > TopResults().length,
677                                                               click: function() { $parent.SearchCategory(Category()); }">
678                                                more ...
679                                            </button>
680                                            <button type="button" class="btn btn-xs btn-default search-expand-btn pull-right"
681                                                    data-bind="visible: $parent.SearchCategory() === Category(),
682                                                               click: function() { $parent.SearchCategory(null); }">
683                                                back
684                                            </button>
685                                        </div>
686                                    </div>
687                                </div>
688                            </div>
689                        </li>
690                    </ul>
691                <!-- /ko -->
692
693
694                <p class="navbar-text navbar-right" data-bind="visible: IsUserSignedIn">
695
696                    <!-- Questions - should go to the club itself -->
697                    <a href="/Home/ContactUs" data-bind="visible: !IsAdministratorSecurityLevel()" title="Questions for Coleman Street Ward Club?">
698                        <i class="fa fa-question"></i>
699                        <span class="visible-xs-inline">Questions?</span>
700                    </a>
701
702                    <!-- myClubhouse Service Desk - currently for admins only -->
703                    <a href="https://simmetrics.atlassian.net/servicedesk" data-bind="visible: IsAdministratorSecurityLevel" title="myClubhouse Help and Support - Service Desk" target="_blank">
704                        <i class="fas fa-briefcase-medical"></i>
705                        <span class="visible-xs-inline">Help and Support</span>
706                    </a>
707                </p>
708            </div>
709        </div>
710    </nav>
711</div>
712
713<div id="impersonation-modal" class="modal fade" tabindex="-1" role="dialog">
714    <div class="modal-dialog">
715        <div class="modal-content">
716            <div class="modal-header">
717                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
718                <h4 class="modal-title">Impersonate Another User</h4>
719            </div>
720            <div class="modal-body">
721                <div class="form-horizontal">
722                    <div class="form-group" data-bind="validationElement: User.ID">
723                        <label class="control-label col-md-3">User</label>
724                        <div class="col-md-8">
725                            <input type="text" class="form-control user-control" data-bind="clubhouseAutoCompleteMulti: { value: User.ID, text: User.Name, options: { dataSource: lookupMatchingUsers, singleValue: true } }"/>
726                            <span class="help-block" data-bind="validationMessage: User.ID"></span>
727                        </div>
728                    </div>
729                </div>
730            </div>
731            <div class="modal-footer">
732                <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
733                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
734            </div>
735        </div>
736    </div>
737</div>
738
739
740
741<div id="my-todo-list-modal" class="modal fade" tabindex="-1" role="dialog">
742    <div class="modal-dialog modal-lg">
743        <div class="modal-content">
744            <div class="modal-header">
745                <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: closeModal"><span aria-hidden="true">&times;</span></button>
746                <h4 class="modal-title">To-do List</h4>
747            </div>
748            <div class="modal-body">
749                <table class="table table-striped table-hover">
750                    <tbody data-bind="foreach: Items">
751                    <tr class="todo-item" data-bind="css: { 'text-muted': !AreDependenciesResolved(), resolved: IsResolved, complete: IsComplete, skipped: IsSkipped, deleted: IsDeleted }">
752                        <td class="todo-ordinal">
753                            <span>
754                                <span data-bind="text: $index() + 1, visible: !IsResolved()"></span>
755                                <i class="fas" data-bind="visible: IsResolved, css: { 'fa-check-circle': IsComplete(), 'fa-angle-double-right': IsSkipped() }"></i>
756                            </span>
757                        </td> 
758                        <td class="todo-detail">
759                            <h4>
760                                <span data-bind="style: { 'color': Type.Colour() || 'black' }, attr: { title: Type.Name }">
761                                    <i class="fa-fw" data-bind="faIcon: Type.Icon() || 'fas fa-clipboard-check'"></i>
762                                </span>
763                                <span data-bind="text: Name"></span>
764                            </h4>
765                            <p data-bind="text: Description"></p>
766                            
767                            <div data-bind="visible: !IsResolved()">
768                                <button type="button" class="btn btn-xs btn-success" 
769                                        data-bind="visible: HasHelpSequence() && AreDependenciesResolved(), click: runHelpSequence">
770                                    Show me how!
771                                </button>
772                            </div>
773                            
774                            <div class="todo-resolution" data-bind="visible: IsResolved">
775                                <strong data-bind="text: Resolution"></strong> by <strong data-bind="text: ResolvedBy.Name"></strong> at <strong data-bind="text: ResolutionTime"></strong>.
776                            </div>
777                        </td>
778                        <td>
779                            <button type="button" class="btn btn-xs btn-success" data-bind="click: markComplete, visible: CanBeManuallyResolved" title="Mark completed">
780                                <i class="fas fa-check"></i>
781                            </button>
782
783                            <button type="button" class="btn btn-xs btn-default" data-bind="click: skip, visible: CanBeSkipped" title="Skip">
784                                <i class="fas fa-angle-double-right"></i>
785                                Skip
786                            </button>
787                        </td>
788                        <td>
789                            <button type="button" class="btn btn-xs btn-default" data-bind="click: hide, visible: CanBeHidden" title="Hide">
790                                <i class="fas fa-times"></i>
791                            </button>
792                        </td>
793                    </tr>
794                    </tbody>
795                </table>
796                
797                <div class="no-content" data-bind="visible: !Items().length">
798                    You have no items in your to-do list. 
799                </div>
800            </div>
801        </div>
802    </div>
803</div>
804
805
806
807
808<div class="data" id="menu-user-data">
809    {"UserID":null,"IsUserSignedIn":false,"IsImpersonating":false,"CanImpersonate":false,"SignedInUserName":null,"IsAdministratorSecurityLevel":false,"Cart":{"ItemCount":0,"TotalCost":null},"TokenBalance":null,"Roles":[],"ShowRoles":false,"HasToDoItems":false}
810</div>
811
812<!-- This is Views/Shared/_Banner.cshtml -->
813
814
815<div class="clubhouseBanner hidden-print clearfix">
816    <div class="clubhouseBannerBackground">
817        <div></div>
818    </div>
819
820    <div class="clubhouseBannerArea">
821            <div class="clubhouseBannerContent clubhouseBannerContentCenter">
822                
823
824<!-- Center logo and club name, side-by-side -->
825<div class="center-side-by-side">
826    <div>
827        <span class="clubhouseBannerImageLeft">
828
829        <span>
830            <img src="https://www.colemanstreet.org/Client/Images/Site/MicrosoftTeams-image__5_.png" alt="Home" class="no-border" />
831        </span>
832        </span>
833
834            <span class="clubhouseTitle">
835                <span class="clubhouseClubName">Coleman Street Ward Club</span>
836                <span class="clubhouseClubTagLine">Founded 1862</span>
837            </span>
838
839    </div>
840</div>
841
842
843            </div>
844
845        <div class="clubhouseBannerImageRight">
846
847        </div>
848    </div>
849</div>
850    
851<div id="client-messages" class="clubhouseMessages">
852
853
854</div>
855</partial>
856
857<div class="container body-content">
858    
859
860<div id="registration-binding">
861    
862    <div data-bind="hideOnceImagesLoaded: true">
863    
864    <div class="loader-inner ball-grid-pulse">
865        <div></div>
866        <div></div>
867        <div></div>
868        <div></div>
869        <div></div>
870        <div></div>
871        <div></div>
872        <div></div>
873        <div></div>
874    </div>
875
876</div>
877</partial>
878
879    <div data-bind="visible: true" style="display: none">
880        <h2 class="form-header">
881            Interested in Membership?
882        </h2>
883    
884        <div data-bind="component: { name: 'registration-wizard', params: { RegistrationWizard: RegistrationWizard, doneCallback: register } }"></div>
885    </div>
886</div>
887
888<div id="registration-data" class="data">
889    {"ID":1,"Title":"Interested in Membership?","CompleteButtonCaption":"Complete Registration","WizDefRequiredFieldsOn":true,"ShowRequiredFieldsToggleSwitch":false,"IsRegisteringForChild":false,"ShowRegisteringForChildSwitch":false,"RegisteringForChildCaption":"Are you registering on behalf of a child?","IsSlotReAssignment":false,"GroupAssignmentCode":null,"IsUserLoggedIn":false,"InvitedUserID":null,"InviteCode":null,"IntroductoryElements":[{"ID":"markdown","ComponentName":"registration-element-markdown","Definition":{"Content":"There are 25 Wards in the City of London and most Wards now have a Ward Club.\n\nColeman Street Ward Club was founded in 1862 and currently has over 200 members. \n\n#### Objects of the Club\nThe Coleman Street Ward Club is founded on a non-political basis and is for the association of members with a view to watch and protect the interest of the Ward and to promote neighbourly and social intercourse, particularly in matters of local interest and appertaining to the rights and privileges of the City of London, but excluding those of a religious or political nature.\n\n#### Membership Qualifications\n\nAll candidates for admission to membership of the Club shall be persons who, at the date of their application, are either:-\n* On the Ward list of municipal or parliamentary voters for the City of London and Westminster in respect of an address within the Ward; or\n* Shall be interested in or represent a Company, Society or Business within the Ward; or\n* Exercise a Profession or be engaged in Business within the Ward; or\n* Be a spouse or child of a member; or\n* Be able to satisfy the Membership Committee that they have the interests of the Ward at heart.\n\nNo member shall be disqualified from retaining their membership by ceasing to be on the said Ward list or by reason of their subsequently leaving the Ward.\n\nA joining fee currently £35 is levied on all new members. The Current annual Subscription is £30 payable after acceptance. ","IsFullWidth":true,"HtmlContent":"\u003cp\u003eThere are 25 Wards in the City of London and most Wards now have a Ward Club.\u003c/p\u003e\n\u003cp\u003eColeman Street Ward Club was founded in 1862 and currently has over 200 members.\u003c/p\u003e\n\u003ch4 class=\u0022form-header\u0022\u003eObjects of the Club\u003c/h4\u003e\n\u003cp\u003eThe Coleman Street Ward Club is founded on a non-political basis and is for the association of members with a view to wat
889ch and protect the interest of the Ward and to promote neighbourly and social intercourse, particularly in matters of local interest and appertaining to the rights and privileges of the City of London, but excluding those of a religious or political nature.\u003c/p\u003e\n\u003ch4 class=\u0022form-header\u0022\u003eMembership Qualifications\u003c/h4\u003e\n\u003cp\u003eAll candidates for admission to membership of the Club shall be persons who, at the date of their application, are either:-\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eOn the Ward list of municipal or parliamentary voters for the City of London and Westminster in respect of an address within the Ward; or\u003c/li\u003e\n\u003cli\u003eShall be interested in or represent a Company, Society or Business within the Ward; or\u003c/li\u003e\n\u003cli\u003eExercise a Profession or be engaged in Business within the Ward; or\u003c/li\u003e\n\u003cli\u003eBe a spouse or child of a member; or\u003c/li\u003e\n\u003cli\u003eBe able to satisfy the Membership Committee that they have the interests of the Ward at heart.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eNo member shall be disqualified from retaining their membership by ceasing to be on the said Ward list or by reason of their subsequently leaving the Ward.\u003c/p\u003e\n\u003cp\u003eA joining fee currently £35 is levied on all new members. The Current annual Subscription is £30 payable after acceptance.\u003c/p\u003e","ElementID":"markdown"},"Data":null}],"Pages":[{"Title":"Please fill in the details below","Icon":null,"Introduction":null,"Sections":[{"Title":null,"Icon":null,"Elements":[{"ID":"name","ComponentName":"registration-element-name","Definition":{"Title":{"ID":"Title","Caption":{"Value":"Title","Formatted":"Title"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** title","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e title"},"DefaultFromLoggedInUser":false},"Forename":{"ID":"Forename","Caption":{"Value":"Forename","Formatted":"Forename"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Forename","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Forename"},"DefaultFromLoggedInUser":false},"PreferredForename":{"ID":"PreferredForename","Caption":{"Value":"Preferred Forename","Formatted":"Preferred Forename"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Preferred Forename","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Preferred Forename"},"DefaultFromLoggedInUser":false},"MiddleName":{"ID":"MiddleName","Caption":{"Value":"Middle Name","Formatted":"Middle Name"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Middle Name","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Middle Name"},"DefaultFromLoggedInUser":false},"Surname":{"ID":"Surname","Caption":{"Value":"Surname","Formatted":"Surname"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **child\u0027s** Surname","Formatted":"Parents, enter \u003cstrong\u003echild\u0027s\u003c/strong\u003e Surname"},"DefaultFromLoggedInUser":false},"PostNominal":{"ID":"PostNominal","Caption":{"Value":"Post-nominal","Formatted":"Post-nominal"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"MaidenName":{"ID":"MaidenName","Caption":{"Value":"Maiden Name","Formatted":"Maiden Name"},"Mode":0,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false}
889,"CompanyName":{"ID":"CompanyName","Caption":{"Value":"Company Name","Formatted":"Company Name"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"ElementID":"name"},"Data":"{\u0022Title\u0022:null,\u0022Forename\u0022:null,\u0022PreferredForename\u0022:null,\u0022MiddleName\u0022:null,\u0022Surname\u0022:null,\u0022PostNominal\u0022:null,\u0022MaidenName\u0022:null,\u0022CompanyName\u0022:null}"},{"ID":"occupation","ComponentName":"registration-element-occupation","Definition":{"Occupation":{"ID":"Occupation","Caption":{"Value":"Occupation","Formatted":"Occupation"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Please provide occupation if you would be willing to help the club should it need your expertise.","Formatted":"Please provide occupation if you would be willing to help the club should it need your expertise."},"DefaultFromLoggedInUser":false},"ElementID":"occupation","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022Occupation\u0022:null}"}]},{"Title":"Home Address","Icon":"fal fa-home","Elements":[{"ID":"address","ComponentName":"registration-element-address","Definition":{"MailAddressee":{"ID":"MailAddressee","Caption":{"Value":"Mail Addressee","Formatted":"Mail Addressee"},"Mode":2,"HelpText":{"Value":"To whom should correspondence from the %orgtype% be addressed? Include all active %users% to be registered at this address e.g. \u0022Mr H. \u0026 Mrs M. Simpson\u0022 or \u0022The Simpson Family\u0022.","Formatted":"To whom should correspondence from the club be addressed? Include all active members to be registered at this address e.g. \u0026quot;Mr H. \u0026amp; Mrs M. Simpson\u0026quot; or \u0026quot;The Simpson Family\u0026quot;."},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"Street":{"ID":"Street","Caption":{"Value":"Building Number/Name \u0026 Street","Formatted":"Building Number/Name \u0026amp; Street"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"City":{"ID":"City","Caption":{"Value":"Town/City","Formatted":"Town/City"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true}
889,"County":{"ID":"County","Caption":{"Value":"County","Formatted":"County"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"Country":{"ID":"Country","Caption":{"Value":"Country","Formatted":"Country"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"PostCode":{"ID":"PostCode","Caption":{"Value":"Postcode","Formatted":"Postcode"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":true},"ShareAddress":{"ID":"ShareAddress","Caption":{"Value":"Share Address","Formatted":"Share Address"},"Mode":0,"HelpText":{"Value":"Share Address with other current %users%","Formatted":"Share Address with other current members"},"ChildHelpText":{"Value":"Share Address with other current %users%","Formatted":"Share Address with other current members"},"DefaultFromLoggedInUser":false},"HelpText":{"Value":"","Formatted":""},"ChildHelpText":{"Value":null,"Formatted":null},"AllowSharing":false,"IsHidden":false,"ShowMailAddressee":false,"Address1Label":"Address","Address2Label":"Address 2","ForAddress2":false,"ElementID":"address","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022IsAdmin\u0022:false,\u0022AddressRequired\u0022:false,\u0022ID\u0022:null,\u0022Street\u0022:null,\u0022City\u0022:null,\u0022County\u0022:null,\u0022Country\u0022:null,\u0022Postcode\u0022:null,\u0022MailAddressee\u0022:null,\u0022ShareAddress\u0022:false}"}]},{"Title":"Contact Details","Icon":"fal fa-phone","Elements":[{"ID":"email","ComponentName":"registration-element-email","Definition":{"Email1":{"ID":"Email1","Caption":{"Value":"Email 1","Formatted":"Email 1"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** email.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e email."},"DefaultFromLoggedInUser":true},"ShareEmail1":{"ID":"ShareEmail1","Caption":{"Value":"Share Email 1","Formatted":"Share Email 1"},"Mode":0,"HelpText":{"Value":"Share Email 1 with other current %users%","Formatted":"Share Email 1 with other current members"},"ChildHelpText":{"Value":"Share Email 1 with other current %users%","Formatted":"Share Email 1 with other current members"},"DefaultFromLoggedInUser":false},"Email2":{"ID":"Email2","Caption":{"Value":"Email 2","Formatted":"Email 2"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter your own email or enter your child\u0027s if you would like them to receive correspondence for this account.","Formatted":"Parents, enter your own email or enter your child\u0027s if you would like them to receive correspondence for this account."},"DefaultFromLoggedInUser":true},"ShareEmail2":{"ID":"ShareEmail2","Caption":{"Value":"Share Email 2","Formatted":"Share Email 2"},"Mode":0,"HelpText":{"Value":"Share Email 2 with other current %users%","Formatted":"Share Email 2 with other current members"},"ChildHelpText":{"Value":"Share Email 2 with other current %users%","Formatted":"Share Email 2 with other current members"},"DefaultFromLoggedInUser":false},"AllowSharing":false,"RequireVerification":false,"ElementID":"email","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022Email1\u0022:null,\u0022Email2\u0022:null,\u0022ShareEmail1\u0022:false,\u0022ShareEmail2\u0022:false}"},{"ID":"phone","ComponentName":"registration-element-phone","Definition":{"HomePhone":{"ID":"HomePhone","Caption":{"Value":"Home Phone","Formatted":"Home Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareHomePhone":{"ID":"ShareHomePhone","Caption":{"Value":"Share Home Phone","Formatted":"Share Home Phone"},"Mode":0,"HelpText":{"Value":"Share Home Phone with other current %users%","Formatted":"Share Home Phone with other current members"},"ChildHelpText":{"Value":"Share Home Phone with other current %users%","Formatted":"Share Home Phone with other current members"},"DefaultFromLoggedInUser":false},"BusinessPhone":{"ID":"BusinessPhone","Caption":{"Value":"Business Phone","Formatted":"Business Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null}
889,"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareBusinessPhone":{"ID":"ShareBusinessPhone","Caption":{"Value":"Share Business Phone","Formatted":"Share Business Phone"},"Mode":0,"HelpText":{"Value":"Share Business Phone with other current %users%","Formatted":"Share Business Phone with other current members"},"ChildHelpText":{"Value":"Share Business Phone with other current %users%","Formatted":"Share Business Phone with other current members"},"DefaultFromLoggedInUser":false},"MobilePhone":{"ID":"MobilePhone","Caption":{"Value":"Mobile Phone","Formatted":"Mobile Phone"},"Mode":1,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":"Parents, enter **your own** phone.","Formatted":"Parents, enter \u003cstrong\u003eyour own\u003c/strong\u003e phone."},"DefaultFromLoggedInUser":true},"ShareMobilePhone":{"ID":"ShareMobilePhone","Caption":{"Value":"Share Mobile Phone","Formatted":"Share Mobile Phone"},"Mode":0,"HelpText":{"Value":"Share Mobile Phone with other current %users%","Formatted":"Share Mobile Phone with other current members"},"ChildHelpText":{"Value":"Share Mobile Phone with other current %users%","Formatted":"Share Mobile Phone with other current members"},"DefaultFromLoggedInUser":false},"RequireAtLeastOne":true,"AllowSharing":false,"ElementID":"phone","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022HomePhone\u0022:null,\u0022BusinessPhone\u0022:null,\u0022MobilePhone\u0022:null,\u0022ShareHomePhone\u0022:false,\u0022ShareBusinessPhone\u0022:false,\u0022ShareMobilePhone\u0022:false}"}]},{"Title":"Work/Business","Icon":"fal fa-building","Elements":[{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":1,"QuestionIDs":[2],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:1,\u0022CompletionReference\u0022:\u00221FFANTY9GT\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:2,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u00221FFANTY9GT\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Work Address\u0022,\u0022QuestionText\u0022:\u0022Please enter work address (if applicable)\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00221\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"}]},{"Title":"Membership","Icon":"fal fa-address-card","Elements":[{"ID":"alert","ComponentName":"registration-element-alert","Definition":{"Type":"info","Icon":null,"Title":"New Membership Applications","Text":"All new membership applications are subject to approval.  We will contact you following your registration. ","HtmlContent":"\u003cdiv class=\u0022alert alert-info\u0022\u003e\u003cstrong\u003eNew Membership Applications\u003c/strong\u003e\u003cp\u003eAll new membership applications are subject to approval.  We will contact you following your registration.\u003c/p\u003e\u003c/div\u003e","ElementID":"alert"},"Data":null},{"ID":"membership-request","ComponentName":"registration-element-membership-request","Definition":{"MembershipLabel":{"Value":"Category","Formatted":"Category"},"LinkedMembershipLabel":{"Value":"Linked Subscriptions","Formatted":"Linked Subscriptions"},"MembershipRequiredLabel":{"Value":"Are you applying for %usership%?","Formatted":"Are you applying for membership?"},"MinRequestCount":1,"MaxRequestCount":1,"MinLinkedRequestCount":null,"Ma
889xRequestCountPerSection":null,"MembershipCategoryIDs":[2],"DefaultMembershipCategoryID":2,"ShowSectionSelector":false,"HideCostsIfZero":false,"ElementID":"membership-request","ForMainUser":true,"ForParent1":false,"ForParent2":false},"Data":"{\u0022MembershipCategoryID\u0022:null,\u0022Requests\u0022:[]}"},{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":8,"QuestionIDs":[3],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:8,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:3,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Proposer\u0022,\u0022QuestionText\u0022:\u0022Please enter name of proposer (if you have one)\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00221\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:200,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"},{"ID":"form-question","ComponentName":"registration-element-form-question","Definition":{"FormID":8,"QuestionIDs":[5,4],"ElementID":"form-question"},"Data":"{\u0022FormID\u0022:8,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022Questions\u0022:[{\u0022QuestionID\u0022:4,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u0022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:1,\u0022QuestionShortName\u0022:\u0022Other Ward Clubs\u0022,\u0022QuestionText\u0022:\u0022Please detail any other ward clubs of which you are a member.\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00222\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022},{\u0022QuestionID\u0022:5,\u0022AnswerID\u0022:null,\u0022StringAnswer\u0022:null,\u0022AnswerHtml\u0022:null,\u0022SelectedOptionID\u0022:null,\u0022SelectedOptionIDs\u0022:[],\u0022IsOtherOptionSelected\u0022:false,\u0022SelectedEntities\u0022:[],\u0022EntitySelectHasError\u
8890022:false,\u0022Document\u0022:{\u0022ID\u0022:0,\u0022Title\u0022:null,\u0022Description\u0022:null,\u0022Icon\u0022:null,\u0022Filename\u0022:null,\u0022URL\u0022:null,\u0022Author\u0022:null,\u0022Date\u0022:null,\u0022Categories\u0022:[],\u0022User\u0022:{\u0022ID\u0022:null,\u0022Name\u0022:null,\u0022CompanyName\u0022:null,\u0022HasEmail\u0022:false},\u0022Horse\u0022:{\u0022OriginalID\u0022:null,\u0022ID\u0022:null,\u0022Name\u0022:null}},\u0022IgnoreRequiredFlag\u0022:false,\u0022CompletionReference\u0022:\u0022KFZIH7BN5S\u0022,\u0022CanAdmin\u0022:false,\u0022QuestionIndex\u0022:2,\u0022QuestionShortName\u0022:\u0022Other Livery Companies\u0022,\u0022QuestionText\u0022:\u0022Please detail any livery companies of which you are a member.\u0022,\u0022MaybeText\u0022:\u0022Maybe\u0022,\u0022IsRequired\u0022:false,\u0022IsVisibleToUser\u0022:true,\u0022MarkAsHiddenFromNonAdmins\u0022:false,\u0022IsEditableByUser\u0022:true,\u0022MarkAsForAdminUseOnly\u0022:false,\u0022QuestionNumber\u0022:\u00223\u0022,\u0022DependsOnQuestionID\u0022:null,\u0022DependsOnMatch\u0022:null,\u0022IsDependencyQuestion\u0022:false,\u0022ProceedToQuestionNumber\u0022:null,\u0022SkipToQuestionNumber\u0022:null,\u0022MaxLengthAnswerString\u0022:1000,\u0022AnswerTypeID\u0022:1,\u0022AnswerSubType\u0022:null,\u0022AnswerTypeSettings\u0022:null,\u0022IsSingleOptionSelect\u0022:false,\u0022IsEntitySelect\u0022:false,\u0022IsOptionSelect\u0022:false,\u0022IsMultiSelect\u0022:false,\u0022SupportsOther\u0022:false,\u0022EntityOptionSourceURL\u0022:null,\u0022Options\u0022:[],\u0022BooleanAnswer\u0022:null,\u0022IntegerAnswer\u0022:null,\u0022DoubleAnswer\u0022:null,\u0022CurrencyAnswer\u0022:null,\u0022DateAnswer\u0022:null,\u0022SelectedOptionName\u0022:null,\u0022QuestionViewName\u0022:\u0022_QFormAnswerEntry_String\u0022}]}"}]},{"Title":"Website Access","Icon":"fal fa-key","Elements":[{"ID":"credentials","ComponentName":"registration-element-credentials","Definition":{"Username":{"ID":"Username","Caption":{"Value":"Username","Formatted":"Username"},"Mode":2,"HelpText":{"Value":"Username must be at least 6 characters long and unique. It can be any sequence of characters and, if you prefer, you can use your email address.","Formatted":"Username must be at least 6 characters long and unique. It can be any sequence of characters and, if you prefer, you can use your email address."},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"ShareEmail1":{"ID":"ShareEmail1","Caption":{"Value":"Share Username","Formatted":"Share Username"},"Mode":0,"HelpText":{"Value":"Share Username with other current %users%","Formatted":"Share Username with other current members"},"ChildHelpText":{"Value":"Share Username with other current %users%","Formatted":"Share Username with other current members"},"DefaultFromLoggedInUser":false},"Password":{"ID":"Password","Caption":{"Value":"Password","Formatted":"Password"},"Mode":2,"HelpText":{"Value":null,"Formatted":null},"ChildHelpText":{"Value":null,"Formatted":null},"DefaultFromLoggedInUser":false},"AllowSharing":false,"UsernameIsOptional":false,"UsernameIsOptionalIfLoggedIn":true,"UsernameIsEmailAddress":false,"RequirePasswordTwice":true,"AllowLowStrengthPassword":false,"MinPasswordStrength":3,"ElementID":"credentials"},"Data":"{\u0022IsUserLoggedIn\u0022:false,\u0022LoggedInUserIsAdmin\u0022:false,\u0022Username\u0022:null,\u0022ShareEmail1\u0022:false,\u0022Password\u0022:null,\u0022SendCredentialsEmails\u0022:false}"},{"ID":"system-consent","ComponentName":"registration-element-system-consent","Definition":{"ElementID":"system-consent","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Consents\u0022:[{\u0022ID\u0022:6,\u0022Name\u0022:\u0022Privacy Policy\u0022,\u0022Description\u0022:\u0022At Coleman Street Ward Club we take your privacy seriously. Before giving your consents, \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/PrivacyPolicy\\\u0022\u003eclick here to read our Privacy Policy\u003c/a\u003e which explains what personal data we collect and how we will use it.\u003cbr\u003e\\nPlease indicate that you have read the \u
889003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/PrivacyPolicy\\\u0022\u003ePrivacy Policy\u003c/a\u003e and consent to the club processing your data in accordance with it. If you do not consent to the Privacy Policy then you must stop using this site.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I consent\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null},{\u0022ID\u0022:7,\u0022Name\u0022:\u0022Terms \u0026 Conditions\u0022,\u0022Description\u0022:\u0022In order to use this site, you must agree to Simmetrics Ltd\u0027s \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/Home/TermsAndConditions\\\u0022\u003eTerms \u0026amp; Conditions\u003c/a\u003e for use of myClubhouse.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I have read and agree to the Terms \u0026 Conditions\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null}]}"}]},{"Title":"Consents \u0026amp; Agreements","Icon":"fal fa-badge-check","Elements":[{"ID":"agreements","ComponentName":"registration-element-agreements","Definition":{"ElementID":"agreements","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Agreements\u0022:[{\u0022ID\u0022:9,\u0022Name\u0022:\u0022Declaration\u0022,\u0022Description\u0022:\u0022I desire to become a member of the Coleman Street Ward Club and I agree, if elected, to be bound by the \u003ca target=\\\u0022_blank\\\u0022 href=\\\u0022https://www.colemanstreet.org/Cms/Spaces/PUBLIC/Club+Rules\\\u0022\u003eRules and by-laws of the Club\u003c/a\u003e.\u0022,\u0022IsGiftAidConsent\u0022:false,\u0022AffirmLabel\u0022:\u0022I agree\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsGranted\u0022:null}]}"},{"ID":"consents","ComponentName":"registration-element-consents","Definition":{"ElementID":"consents","ConsentIDs":[],"AllConsents":true,"IsFormDisplayFormat":true},"Data":"{\u0022Consents\u0022:[]}"},{"ID":"message-consents","ComponentName":"registration-element-message-consents","Definition":{"ElementID":"message-consents","IsFormDisplayFormat":true},"Data":"{\u0022IsSmsEnabled\u0022:false,\u0022CategoryConsents\u0022:[{\u0022ID\u0022:10,\u0022Name\u0022:\u0022City of London\u0022,\u0022Description\u0022:\u0022I consent to receiving messages of category City of London sent to mailing lists\u0022,\u0022MessageCategoryID\u0022:3,\u0022MessageCategoryName\u0022:\u0022City of London\u0022,\u0022AffirmLabel\u0022:\u0022I consent\u0022,\u0022RejectLabel\u0022:\u0022I do not consent\u0022,\u0022IsEmailGranted\u0022:null,\u0022IsSmsGranted\u0022:null}]}"}]}]}]}
890</div>
891
892<div data-bind="stopBindings: true">
893    <div id="photo-upload-dlg" class="modal fade">
894        <div class="modal-dialog">
895            <div class="modal-content">
896                <div class="modal-header">
897                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
898                    <h4 class="modal-title"></h4>
899                </div>
900                <div class="modal-body">
901                    <div data-bind="stopBindings: true">
902    <div class="image-uploader">
903
904        <!-- Upload controls -->
905        <div class="mb-10">
906            <input type="file" data-bind="fileInput: FileData, customFileInput: { buttonClass: 'btn btn-primary', fileNameClass: 'disabled form-control' }" accept="image/*" />
907        </div>
908
909        <!-- Croppable Image - Displayed if there is a photo URL assigned visible: photoUrl -->
910        <div class="img-container" data-bind="visible: photoUrl">
911            <img id="photo-image" class="mugshot" data-bind="cropper: { imageUrl: photoUrl, crop: parameters, options: { aspectRatio: AspectRatio, autoCrop: true, autoCropArea: 1, dragMode: 'crop' } }" style="display: inline-block; max-width: 100%" />
912        </div>
913
914        <!-- Cropper Toolbar -->
915        <div class="docs-toolbar mb-10">
916            <div class="btn-group">
917                <button id="imageUploadZoomInBtn" class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="zoom" data-option="0.1" type="button" title="Zoom In">
918                    <span class="fas fa-search-plus"></span>
919                </button>
920                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="zoom" data-option="-0.1" type="button" title="Zoom Out">
921                    <span class="fas fa-search-minus"></span>
922                </button>
923                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="rotate" data-option="-90" type="button" title="Rotate Left">
924                    <span class="fas fa-reply"></span>
925                </button>
926                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="rotate" data-option="90" type="button" title="Rotate Right">
927                    <span class="fas fa-share"></span>
928                </button>
929                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="setDragMode" data-option="move" type="button" title="Move">
930                    <span class="fas fa-arrows"></span>
931                </button>
932                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="setDragMode" data-option="crop" type="button" title="Crop">
933                    <span class="fas fa-crop"></span>
934                </button>
935                <button class="btn btn-primary cropper-btn" data-bind="enable: photoUrl" data-method="clear" type="button" title="Clear">
936                    <span class="fas fa-times"></span>
937                </button>
938            </div>
939        </div>
940
941        <div class="help-block">
942            Click the 'Upload image file' button on the right-hand end of the toolbar to choose an image from your device.*
943        </div>
944
945        <div class="help-block">
946            Use the other buttons on the toolbar to zoom, rotate and crop your image as desired.
947        </div>
948
949        <div class="help-block visible-md-block visible-lg-block">
950            * On some desktops you can also paste a <strong>URL web link</strong> into the 'File name' box at the bottom of the Open file dialog; then click 'Open'.
951        </div>
952
953        <div class="help-block visible-xs-block visible-sm-block">
954            * On some devices you can also take a photo from this button. Alternatively, to use an image from the web, you will need to first save the image to your device before selecting.
955        </div>
956
957        <div id="progress-bar" class="progress mb-10">
958            <div class="progress-bar" role="progressbar" data-bind="style: { width: progress() + '%' }, attr: { 'aria-valuenow': progress }, text: progress() + '%'"
959                 aria-valuemin="0" aria-valuemax="100">
960            </div>
961        </div>
962
963    </div>
964</div></partial>
965                </div>
966                <div class="modal-footer">
967                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
968                    <button id="imageUploadModalOKBtn" type="button" class="btn btn-primary ok-btn" data-bind="enable: selectedFile || photoUrl" autofocus="true">Upload</button>
969                </div>
970            </div>
971        </div>
972    </div>
973
974    <div id="bulk-image-upload-modal" class="modal fade" tabindex="-1" role="dialog">
975    <div class="modal-dialog modal-lg">
976        <div class="modal-content">
977            <div class="modal-header">
978                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
979                <h4 class="modal-title">Bulk Image Upload</h4>
980            </div>
981            <div class="modal-body">
982                <input type="file" multiple data-bind="fileInput: multiFileData, customFileInput: { onClear: onClear }" accept="image/*" />
983                
984                <div class="mt-10" data-bind="fileDrag: multiFileData" style="height: 75px;">
985                    <div>
986                        <label class="drag-label">Drag files here</label>
987                    </div>
988                </div>
989                
990                <div data-bind="visible: Files().length">
991                    <h3 class="form-header">
992                        Images
993                    </h3>
994
995                    <div class="table-stacked" style="max-height:500px; overflow:auto;">
996                        <table class="table">
997                            <thead>
998                                <tr>
999                                    <th class="col-md-2">Image</th>
1000                                    <th>File</th>
1001                                    <th />
1002                                </tr>
1003                            </thead>
1004                            <tbody data-bind="foreach: Files">
1005                                <tr>
1006                                    <td data-title="Image">
1007                                        <img style="height: 100px;" class="img-rounded thumb" data-bind="attr: { src: DataURL }, visible: DataURL">
1008                                    </td>
1009                                    <td data-title="File" data-bind="validationElement: IsTooBig">
1010                                        <h4>
1011                                            <i class="far fa-file-image fa-lg"></i>
1012                                            <span data-bind="text: Filename"></span>
1013                                        </h4>
1014
1015                                        <div class="progress progress-thin">
1016                                            <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }"
1017                                                 aria-valuemin="0" aria-valuemax="100">
1018                                            </div>
1019                                        </div>
1020
1021                                        <div class="text-muted">
1022                                            <small>
1023                                                <i class="fas fa-exclamation-triangle text-danger" data-bind="visible: IsTooBig" title="File size is more than 10 MiB"></i>
1024                                                <span data-bind="text: Size"></span>
1025                                            </small>
1026                                            <small data-bind="text: LastModified"></small>
1027                                        </div>
1028                                        
1029                                        <span class="help-block" data-bind="validationMessage: IsTooBig"></span>
1030                                    </td>
1031                                    <td>
1032                                        <button class="btn btn-xs btn-danger" data-bind="click: $parent.deleteFile">
1033                                            <i class="far fa-trash-alt"></i>
1034                                        </button>
1035                                    </td>
1036                                </tr>
1037                            </tbody>
1038                        </table>
1039                    </div>
1040                </div>
1041
1042                <!-- This is _KoValidationSummary -->
1043<div data-bind="visible: validationObject.errors.isAnyMessageShown()" class="alert alert-block alert-danger">
1044    <p>Form is not yet complete, please correct the following fields:-</p>
1045    <ul class="text-danger" data-bind="foreach: validationObject.errors">
1046        <li data-bind="text: $data"></li>
1047    </ul>
1048</div></partial>
1049                
1050                <div class="progress">
1051                    <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }, text: UploadProgress() + '%'"
1052                         aria-valuemin="0" aria-valuemax="100">
1053                    </div>
1054                </div>
1055
1056                <div class="alert alert-success" data-bind="visible: UploadComplete">
1057                    <i class="fas fa-check-circle"></i> Upload completed successfully.
1058                </div>
1059
1060            </div>
1061            <div class="modal-footer">
1062                <button type="button" class="btn btn-primary" data-bind="click: onOk, enable: !UploadInProgress(), visible: !UploadComplete()">Upload</button>
1063                <button type="button" class="btn btn-default" data-dismiss="modal">
1064                    <span data-bind="text: UploadInProgress()? 'Close': 'Cancel'"></span>
1065                </button>
1066            </div>
1067        </div>
1068    </div>
1069</div>
1070
1071
1072
1073</partial>
1074</div>
1075
1076</partial>
1077
1078    
1079    <!-- Commonly used modals and Knockout templates -->
1080<div id="areyousure-modal" class="modal fade">
1081    <div class="modal-dialog">
1082        <div class="modal-content">
1083            <div class="modal-header">
1084                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1085                <h4 class="modal-title">Are you sure?</h4>
1086            </div>
1087            <div class="modal-body">
1088                <p></p>
1089            </div>
1090            <div class="modal-footer">
1091                <button type="button" class="btn btn-danger no-button" data-dismiss="modal">No</button>
1092                <button type="button" class="btn btn-success yes-button" data-dismiss="modal">Yes</button>                
1093            </div>
1094        </div>
1095    </div>
1096</div>
1097</partial>
1098<div id="message-requiring-ok-modal" class="modal fade">
1099    <div class="modal-dialog">
1100        <div class="modal-content">
1101            <div class="modal-header">
1102                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1103                <h4 class="modal-title"></h4>
1104            </div>
1105            <div class="modal-body">
1106                <p></p>
1107            </div>
1108            <div class="modal-footer">
1109                <button type="button" class="btn btn-primary ok-button" data-dismiss="modal">OK</button>                
1110            </div>
1111        </div>
1112    </div>
1113</div>
1114</partial>
1115<div id="alert-messages" class="clubhouseMessages modal fade">
1116
1117    <div class="modal-dialog">
1118
1119        <!-- Databound class -->
1120        <div class="modal-content" data-bind="css: CssClass">
1121
1122            <div class="modal-header" data-bind="visible: ShowHeader">
1123                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1124
1125                <div role="alert" data-bind="visible: Title">
1126                    <h4 class="modal-title">
1127                        <!-- Databound Title -->
1128                        <span data-bind="text: Title"></span>
1129                    </h4>
1130                </div>
1131            </div>
1132
1133            <div class="modal-body" data-bind="visible: Text">
1134                <div role="alert">                    
1135                    <!-- Databound Text -->
1136                    <span data-bind="html: Text"></span>                    
1137                </div>
1138            </div>
1139
1140            <div class="modal-footer" data-bind="visible: ShowFooter">
1141                <button id="messageModalOKBtn" type="button" class="btn btn-primary ok-btn" data-dismiss="modal">OK</button>
1142            </div>
1143
1144        </div>
1145    </div>
1146</div></partial>
1147<div id="simple-question-modal" class="modal fade" tabindex="-1" role="dialog">
1148    <div class="modal-dialog">
1149        <div class="modal-content">
1150            <div class="modal-header">
1151                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1152                <h4 class="modal-title" data-bind="text: Title"></h4>
1153            </div>
1154            <div class="modal-body">
1155                <div>
1156                    <div class="form-group">
1157                        <span class="help-block" data-bind="text: Question"></span>
1158                    </div>
1159                    <div class="form-group" data-bind="validationElement: Answer">
1160                        <label class="control-label" data-bind="text: AnswerLabel"></label>
1161                        <input type="text" class="form-control" data-bind="value: Answer" maxlength="400" />
1162                        <span class="help-block" data-bind="validationMessage: Answer"></span>
1163                    </div>
1164                </div>
1165            </div>
1166            <div class="modal-footer">
1167                <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
1168                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1169            </div>
1170        </div>
1171    </div>
1172</div>
1173
1174
1175
1176</partial>
1177
1178
1179<div id="messageme-modal" class="modal fade">
1180    <div class="modal-dialog modal-lg">
1181        <div class="modal-content">
1182            <div class="modal-header">
1183                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1184                <h4 class="modal-title"><i class="fa fa-envelope"></i> Message Me</h4>
1185            </div>
1186            <div class="modal-body">
1187                
1188                <p>
1189                    Use this form to send an email to another member. You may only send to one member at a time. 
1190                    Your registered email address will be passed on to this member but you may also include alternative contact details.
1191                </p>
1192                <p>
1193                    Note: Emails sent via the website are not entirely private. A copy of every email is held on the database and this can be 
1194                    accessed by certain club administrators using the Sent Emails page.
1195                </p>      
1196                
1197                <div class="form form-horizontal form-condensed">
1198                    
1199                    <div class="form-group">
1200                        <label class="control-label col-md-3">To</label>
1201                        <div class="col-md-8">
1202                            <p class="form-control-static" data-bind="text: To"></p>
1203                        </div>
1204                    </div>
1205                    <div class="form-group">
1206                        <label class="control-label col-md-3">From</label>
1207                        <div class="col-md-8">
1208                            <p class="form-control-static"></p>
1209                        </div>
1210                    </div>
1211
1212                    <div class="form-group" data-bind="css: { 'has-error': AlternativeEmail.error() !== null }">
1213                        <label class="control-label col-md-3">Alternative contact email</label>
1214                        <div class="col-md-8">
1215                            <input type="email" class="form-control" data-bind="value: AlternativeEmail, enterkey: send" maxlength="100" autofocus="true" />
1216                            <span class="help-block">Another email address which the recipient can use to contact you.</span>
1217                        </div>
1218                    </div>
1219
1220                    <div class="form-group" data-bind="css: { 'has-error': AlternativeContact.error() !== null }">
1221                        <label class="control-label col-md-3">Alternative contact details</label>
1222                        <div class="col-md-8">
1223                            <input type="email" class="form-control" data-bind="value: AlternativeContact, enterkey: send" maxlength="200" />
1224                            <span class="help-block">Other contact details which the recipient can use to contact you e.g. phone number.</span>
1225                        </div>
1226                    </div>
1227
1228                    <div class="form-group" data-bind="css: { 'has-error': Subject.error() !== null }">
1229                        <label class="control-label col-md-3">Subject</label>
1230                        <div class="col-md-8">
1231                            <input type="text" class="form-control" data-bind="value: Subject, enterkey: send" maxlength="200"/>
1232                            <span class="help-block"></span>
1233                        </div>
1234                    </div>
1235
1236                    <!-- HTML Editor for Message Body -->
1237                    <div class="form-group" data-bind="css: { 'has-error': MessageBody.error() !== null }">
1238                        <label class="control-label col-md-3">Message</label>
1239
1240                        <div class="col-md-8">
1241                            <div>
1242                                <div data-bind="component: { name: 'html-editor', 
1243                                                params: { 
1244                                                    content: MessageBody, 
1245                                                    options: { 
1246                                                        minHeight: '300px', 
1247                                                        maxHeight: '300px', 
1248                                                        tabKey: false,
1249                                                        plugins: ['alignment','fontcolor','fontsize','inlinestyle','source'],
1250                                                        styles: true,
1251                                                        stylesClass: 'redactor-styles mail-preview'
1252                                                } } }"></div>
1253                                <span class="help-block" data-bind="validationMessage: MessageBody, visible: MessageBody.error() !== null "></span>
1254                            </div>
1255                        </div>
1256                    </div>
1257                    
1258                    <div class="form-group">
1259                        <div class="col-md-offset-3 col-md-8">
1260                            <div class="checkbox">
1261                                <label>
1262                                    <input type="checkbox" data-bind="checked: CopyToSender, enterkey: send" />
1263                                    Copy this message to my email address
1264                                </label>
1265                            </div>
1266                        </div>                    
1267                    </div>
1268                </div>
1269            </div>
1270
1271            <div class="modal-footer">
1272                <button type="button" class="btn btn-primary btn-success" data-bind="click: send">Send</button>
1273                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1274            </div>
1275        </div>
1276    </div>
1277</div></partial>
1278<div data-bind="stopBindings: true">
1279    <div id="viewconfig-edit-modal" class="modal fade" tabindex="-1" role="dialog">
1280        <div class="modal-dialog">
1281            <div class="modal-content">
1282                <div class="modal-header">
1283                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1284                    <h4 class="modal-title">Save View Configuration</h4>
1285                </div>
1286                <div class="modal-body">
1287                    <div class="form-horizontal">
1288                        <div class="form-group" data-bind="validationElement: Name">
1289                            <label class="control-label col-md-3">Name</label>
1290                            <div class="col-md-8">
1291                                <input type="text" class="form-control" data-bind="value: Name" />
1292                                <span class="help-block" data-bind="validationMessage: Name"></span>
1293                            </div>
1294                        </div>
1295                        <div class="form-group" data-bind="validationElement: Description">
1296                            <label class="control-label col-md-3">Description</label>
1297                            <div class="col-md-8">
1298                                <textarea class="form-control" data-bind="value: Description" rows="3"></textarea>
1299                                <span class="help-block" data-bind="validationMessage: Description"></span>
1300                            </div>
1301                        </div>
1302                        <div class="form-group" data-bind="validationElement: Code">
1303                            <label class="control-label col-md-3">Code</label>
1304                            <div class="col-md-8">
1305                                <input type="text" class="form-control" data-bind="value: Code" />
1306                                <span class="help-block" data-bind="validationMessage: Code"></span>
1307                                <span class="help-block">
1308                                    The code is used in the URL of the page to identify the view to be displayed.
1309                                    It should be a short text value.
1310                                </span>
1311                            </div>
1312                        </div>
1313                        <div class="form-group" data-bind="validationElement: Owner.ID">
1314                            <label class="col-md-3 control-label">Owner</label>
1315                            <div class="col-md-8">
1316                                <input type="text" class="form-control user-control" data-bind="clubhouseAutoCompleteMulti: { value: Owner.ID, text: Owner.Name, options: { dataSource: lookupMatchingUsers, singleValue: true } }"/>
1317                                <span class="help-block" data-bind="validationMessage: Owner.ID"></span>
1318                            </div>
1319                        </div>
1320                        <div class="form-group">
1321                            <label class="col-md-3 control-label">Share with</label>
1322                            <div class="col-md-8">
1323                                <input type="text" data-bind="clubhouseAutoCompleteMulti: { value: Shares, options: { dataSource: lookupMatchingShareOptions } }" />
1324                                <span class="help-block">
1325                                    Select the members, roles, security levels or member lists with which you wish to share the view config.
1326                                </span>
1327                            </div>
1328                        </div>
1329                        <div class="form-group" data-bind="visible: CanSetDefaultForShares() && Shares().length">
1330                            <label class="control-label col-md-3">Set as Default</label>
1331                            <div class="col-md-8">
1332                                <div data-bind="component: { name: 'radio-group', params: { Value: IsDefaultForShares, Options: [ true, false ] } }"></div>
1333                                <p class="help-block">
1334                                    If set, then this will be the default view for those people with whom it is shared, unless they
1335                                    have set their own personal default.
1336                                </p>
1337                            </div>
1338                        </div>
1339                    </div>
1340                </div>
1341                <div class="modal-footer">
1342                    <button type="button" class="btn btn-primary" data-bind="click: onOK">OK</button>
1343                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1344                </div>
1345            </div>
1346        </div>
1347    </div>
1348</div>
1349
1350</partial>
1351<style type="text/css">
1352    .selector-panel > div {
1353        overflow-y: scroll;
1354        height: 500px;
1355    }
1356
1357    .styles-panel {
1358        padding-bottom: 10px;
1359        margin-bottom: 10px;
1360        border-bottom: 1px solid #ddd;
1361    }
1362
1363    .search-control {
1364        margin-bottom: 20px;
1365    }
1366
1367    .icon-panel .row {
1368        margin-bottom: 10px;
1369    }
1370
1371    .icon-option {
1372        height: 80px;
1373        text-align: center;
1374        padding: 5px;
1375        cursor: pointer;
1376    }
1377
1378    .icon-option:hover {
1379        background-color: lightblue;
1380    }
1381
1382    .icon-label {
1383        margin-top: 5px;
1384    }
1385</style>
1386
1387<div id="icon-select-modal" class="modal fade">
1388    <div class="modal-dialog modal-lg">
1389        <div class="modal-content">
1390            <div class="modal-header">
1391                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1392                <h4 class="modal-title">Choose an Icon</h4>
1393            </div>
1394            <div class="modal-body">
1395                <div class="clearfix">
1396                    <div class="col-md-3 selector-panel">
1397                        <div>
1398                            <div class="styles-panel">
1399                                <div class="checkbox">
1400                                    <label>
1401                                        <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'solid'" /> Solid
1402                                    </label>
1403                                </div>
1404                                <div class="checkbox">
1405                                    <label>
1406                                        <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'regular'" /> Regular
1407                                    </label>
1408                                </div>
1409                                <div class="checkbox">
1410                                    <label>
1411                                        <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'light'" /> Light
1412                                    </label>
1413                                </div>
1414                                <div class="checkbox">
1415                                    <label>
1416                                        <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'duotone'" /> Duotone
1417                                    </label>
1418                                </div>
1419                                <div class="checkbox">
1420                                    <label>
1421                                        <input type="checkbox" data-bind="checked: SelectedStyles, checkedValue: 'brands'" /> Brands
1422                                    </label>
1423                                </div>
1424                            </div> 
1425                            
1426                            <div data-bind="foreach: Categories">
1427                                <div class="checkbox">
1428                                    <label>
1429                                        <input type="checkbox" data-bind="checked: $parent.SelectedCategories, checkedValue: id" />
1430                                        <span data-bind="text: label"></span>
1431                                    </label>
1432                                </div>
1433                            </div>
1434                        </div>
1435                    </div>
1436                    
1437                    <div class="col-md-9 icon-panel">
1438                        <div>
1439                            <div class="input-group search-control">
1440                                <input type="text" class="form-control" placeholder="Search for..." data-bind="textInput: SearchString">
1441                                <span class="input-group-btn">
1442                                    <button class="btn btn-default" type="button">
1443                                        <i class="far fa-search"></i>
1444                                    </button>
1445                                </span>
1446                            </div>
1447                        </div>
1448
1449                        <div data-bind="foreach: DisplayedIconRows">
1450                            <div class="row" data-bind="foreach: $data">
1451                                <div class="col-md-3 icon-option" data-bind="click: select">
1452                                    <div>
1453                                        <i class="fa-3x" data-bind="css: CssClass"></i>
1454                                    </div>
1455                                    <div class="icon-label" data-bind="text: label"></div>
1456                                </div>
1457                            </div>
1458                        </div>
1459                        
1460                        <div class="no-content" data-bind="visible: !DisplayedIconRows().length">
1461                            No matching icons.
1462                        </div>
1463
1464                        <nav aria-label="Page navigation" data-bind="visible: DisplayedIconRows().length">
1465                            <ul class="pagination">
1466                                <li>
1467                                    <a href="#" aria-label="Previous" data-bind="click: previousPage">
1468                                        <span aria-hidden="true">&laquo;</span>
1469                                    </a>
1470                                </li>
1471                                <!-- ko foreach: Pages -->
1472                                <li data-bind="css: { active: $data === $parent.PageIndex() }">
1473                                    <a href="#" data-bind="text: $data + 1, click: $parent.PageIndex"></a>
1474                                </li>
1475                                <!-- /ko -->
1476                                <li>
1477                                    <a href="#" aria-label="Next" data-bind="click: nextPage">
1478                                        <span aria-hidden="true">&raquo;</span>
1479                                    </a>
1480                                </li>
1481                            </ul>
1482                        </nav>
1483                    </div>
1484                </div>
1485            </div>
1486            <div class="modal-footer">
1487                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1488            </div>
1489        </div>
1490    </div>
1491</div>
1492
1493</partial>
1494
1495<div data-bind="stopBindings: true">
1496    <div id="document-edit-modal" class="modal fade">
1497        <div class="modal-dialog modal-lg">
1498            <div class="modal-content">
1499                <div class="modal-header">
1500                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1501                    <h4 class="modal-title">
1502                        Edit Document
1503                        <span data-bind="visible: User.ID">
1504                            for <span data-bind="text: User.Name"></span>
1505                        </span>
1506                    </h4>
1507                </div>
1508                <div class="modal-body">
1509                    <div class="alert alert-warning" data-bind="visible: !DiskSpace.IsSpaceAvailable()" style="display: none">
1510                        <i class="fa fa-warning"></i> <strong>Out of disk space!</strong>
1511                        Sorry, your directory is full. You are using <span data-bind="text: DiskSpace.UsedDiskSpace"></span>MB out of <span data-bind="text: DiskSpace.DiskSpaceLimit"></span>MB of allocated disk space.
1512                        Please delete some documents or purchase extra disk space from your vendor.
1513                    </div>
1514
1515                    <div class="alert alert-info" data-bind="visible: DiskSpace.IsSpaceAvailable()" style="display: none">
1516                        <i class="fa fa-info-circle"></i>
1517                        You are currently using <span data-bind="text: DiskSpace.UsedDiskSpace"></span>MB out of <span data-bind="text: DiskSpace.DiskSpaceLimit"></span>MB of allocated disk space.
1518                    </div>
1519
1520                    <form class="form-horizontal">
1521                        <div class="form-group" data-bind="visible: ID()>0">
1522                            <label class="col-md-3 control-label">ID</label>
1523                            <div class="col-md-7">
1524                                <p class="form-control-static" data-bind="text: ID"></p>
1525                            </div>
1526                        </div>
1527
1528                        <!-- validationElement: knockout validation, mostly set up in the js viewmodel -->
1529                        <div class="form-group" data-bind="validationElement: Title">
1530                            <label class="col-md-3 control-label">Title</label>
1531                            <div class="col-md-7">
1532                                <input name="Title" type="text" class="form-control" data-bind="value: Title, enterkey: onOk" maxlength="50" autofocus="true" />
1533                                <span class="help-block" data-bind="validationMessage: Title"></span>
1534                            </div>
1535                        </div>
1536
1537                        <div class="form-group" data-bind="validationElement: Description">
1538                            <label class="col-md-3 control-label">Description</label>
1539                            <div class="col-md-7">
1540                                <textarea class="form-control" rows="3" data-bind="value: Description" maxlength="500"></textarea>
1541                                <span class="help-block" data-bind="validationMessage: Description"></span>
1542                            </div>
1543                        </div>
1544
1545                        <!-- ko if: UploadType() === "Document" -->
1546                        <div data-bind="component: { name: 'entity-entitlements', params: Entitlements }"></div>
1547
1548                        <div class="form-group" data-bind="validationElement: CategoryCount">
1549                            <label class="col-md-3 control-label">Categories</label>
1550                            <div class="col-md-7">
1551                                <div class="form-inline">
1552                                    <div class="inline-component" data-bind="component: { name: 'dropdown-checkbox-list', params: { Selection: CategoryIDs, OptionSet: 'DocumentCategories', OptionText: 'FullPath' } }"></div>
1553                                    <button type="button" class="btn btn-xs btn-success" data-bind="click: addCategory">
1554                                        <i class="fa fa-plus"></i>
1555                                    </button>
1556                                </div>
1557                                <span class="help-block" data-bind="validationMessage: CategoryCount"></span>
1558                            </div>
1559                        </div>
1560                        <!-- /ko -->
1561
1562                        <div class="form-group" data-bind="validationElement: FileData().file">
1563                            <label class="col-md-3 control-label">File</label>
1564                            <div class="col-md-7">
1565                                <div class="form-inline mb-10">
1566
1567                                    <div data-bind="component: {
1568                                        name: 'radio-group',
1569                                        params: {
1570                                            Value: IsNewUpload,
1571                                            Options: [
1572                                                { ID: false, Name: 'Keep Existing' , Icon: 'far fa-cloud' },
1573                                                { ID: true, Name: 'New File', Icon: 'far fa-cloud-upload' }
1574                                            ],
1575                                            OptionsValue: 'ID', OptionsText: 'Name', OptionsIcon: 'Icon',
1576                                            Enable: CanUpload() && DiskSpace.IsSpaceAvailable() && LastUpload() != null
1577                                        }
1578                                    }"></div>
1579
1580                                    <div class="form-inline mb-10 mt-10" data-bind="visible: !IsNewUpload()">
1581                                        <span data-bind="html: LastUpload"></span>
1582                                        <em data-bind="visible: !LastUpload()">(no previous upload)</em>
1583                                    </div>
1584
1585                                    <div class="form-inline mb-10 mt-10" data-bind="visible: IsNewUpload">
1586                                        <div class="form-inline mb-10">
1587                                            <div data-bind="attr: {title: !CanUpload() ? 'You do not have permission to upload documents' : !DiskSpace.IsSpaceAvailable() ? 'No disk space' : ''}">                                                
1588                                                <input type="file" data-bind="enable: CanUpload() && DiskSpace.IsSpaceAvailable(), fileInput: FileData, customFileInput: { buttonClass: CanUpload() && DiskSpace.IsSpaceAvailable() ? 'btn btn-primary' : 'btn btn-primary disabled', fileNameClass: 'form-control'}" />
1589                                            </div>
1590                                            <span class="text-danger help-block" data-bind="validationMessage: FileData().file"></span>
1591                                        </div>
1592                                        <div class="progress" data-bind="visible: !IsScanning()">
1593                                            <div class="progress-bar" role="progressbar" data-bind="style: { width: UploadProgress() + '%' }, attr: { 'aria-valuenow': UploadProgress }, text: UploadProgress() + '%'"
1594                                                 aria-valuemin="0" aria-valuemax="100">
1595                                            </div>
1596                                        </div>
1597                                        <div class="text-muted mt-5" data-bind="visible: IsScanning">
1598                                            <i class="fa fa-spin fa-shield-virus"></i> Scanning file for viruses&hellip;
1599                                        </div>
1600                                    </div>
1601
1602                                    <span class="text-danger help-block" data-bind="visible: !CanUpload()">You do not have permission to upload documents.</span>
1603                                    <span class="text-danger help-block" data-bind="visible: CanUpload() && !DiskSpace.IsSpaceAvailable()">You cannot upload new documents because you are out of disk space.</span>
1604                                    
1605                                </div>                                
1606                            </div>
1607                        </div>
1608
1609                    </form>
1610                </div>
1611                <div class="modal-footer">
1612                    <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
1613                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1614                </div>
1615            </div>
1616        </div>
1617    </div>
1618</div>
1619
1620</partial>
1621<div data-bind="stopBindings: true">
1622    <div id="document-category-edit-modal" class="modal fade">
1623        <div class="modal-dialog">
1624            <div class="modal-content">
1625                <div class="modal-header">
1626                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1627                    <h4 class="modal-title">Edit Document Category</h4>
1628                </div>
1629                <div class="modal-body">
1630                    <div class="form-horizontal">
1631                        <div class="form-group" data-bind="visible: ID()>0">
1632                            <label class="col-md-3 control-label">ID</label>
1633                            <div class="col-md-7">
1634                                <p class="form-control-static" data-bind="text: ID"></p>
1635                            </div>
1636                        </div>
1637
1638                        <div class="form-group">
1639                            <label class="col-md-3 control-label">Parent Category</label>
1640                            <div class="col-md-7">
1641                                <select class="form-control" data-bind="select2: true, value: ParentCategoryID, options: ParentCategoryOptions, optionsValue: 'ID', optionsText: 'FullPath', optionsCaption: '(top-level)'"></select>
1642                            </div>
1643                        </div>
1644
1645                        <div class="form-group" data-bind="validationElement: Name">
1646                            <label class="col-md-3 control-label">Name</label>
1647                            <div class="col-md-7">
1648                                <input type="text" class="form-control" data-bind="textInput: Name, enterkey: onOk" maxlength="200" autofocus="true"/>
1649                                <span class="help-block" data-bind="validationMessage: Name"></span>
1650                            </div>
1651                        </div>
1652
1653                        <div class="form-group" data-bind="validationElement: Description">
1654                            <label class="col-md-3 control-label">Description</label>
1655                            <div class="col-md-7">
1656                                <textarea class="form-control" rows="3" data-bind="textInput: Description" maxlength="200"></textarea>
1657                                <span class="help-block" data-bind="validationMessage: Description"></span>
1658                            </div>
1659                        </div>
1660                    </div>
1661                </div>
1662                <div class="modal-footer">
1663                    <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
1664                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
1665                </div>
1666            </div>
1667        </div>
1668    </div>
1669</div>
1670
1671
1672</partial>
1673
1674<div id="registration-modal" class="modal fade" tabindex="-1" role="dialog">
1675    <div class="modal-dialog modal-lg">
1676        <div class="modal-content">
1677            <div class="modal-header">
1678                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1679                <h4 class="modal-title" data-bind="text: (RegistrationWizard() && RegistrationWizard().Title) || 'Register'"></h4>
1680            </div>
1681            <div class="modal-body" data-bind="if: RegistrationWizard()">
1682                <div data-bind="component: { name: 'registration-wizard', params: { RegistrationWizard: RegistrationWizard(), IsPreviewing: IsPreviewing(), doneCallback: register } }"></div>
1683            </div>
1684        </div>
1685    </div>
1686</div>
1687
1688</partial>
1689
1690<style type="text/css">
1691    .slot-linked-subscriptions {
1692        border-top: 1px solid #eee;
1693        margin-top: 5px;
1694        padding: 5px;
1695    }
1696
1697    .slot-linked-subscriptions div {
1698        margin: 2px 0;
1699    }
1700</style>
1701
1702<div id="registration-complete-modal" class="modal fade" tabindex="-1" role="dialog">
1703    <div class="modal-dialog modal-lg">
1704        <div class="modal-content">
1705            <div class="modal-header">
1706                <h4 class="modal-title">Registration Complete</h4>
1707            </div>
1708            <div class="modal-body">
1709                <!-- Alerts -->
1710                <div class="alert alert-info" data-bind="visible: RegisteredUser.ID() === LoggedInUser.ID() && IsNewUser()">
1711                    <i class="fas fa-sign-in-alt"></i>
1712                    You have been automatically logged in.
1713                </div>
1714                <div class="alert alert-info" data-bind="visible: FamilyGroup.ID() && IsNewUser()">
1715                    <i class="fas fa-users"></i>
1716                    <strong data-bind="text: RegisteredUser.Name"></strong> has been added to family group: <strong data-bind="text: FamilyGroup.Name"></strong>
1717                </div>
1718
1719                <!-- Registration Complete Message -->
1720                <p>
1721                    Registration successfully completed for <strong data-bind="text: RegisteredUser.Name"></strong>.
1722                </p>
1723                <div data-bind="html: CompletionMessage"></div>
1724
1725                <!-- Subscriptions Requested -->
1726                <div data-bind="visible: Subscriptions().length">
1727                    <h4 class="form-header">
1728                        Requested Membership Subscriptions
1729                    </h4>
1730
1731                    <div class="alert alert-warning" data-bind="visible: HasSubscriptionsPendingApproval">
1732                        <i class="fas fa-user-check"></i>
1733                        One or more of the requested Membership applications require approval.
1734
1735                        <!-- New user or related user -->
1736                        <span data-bind="visible: IsRelatedUser()">
1737                            You will be emailed if your request has been approved and, at that point, you will be able to view and accept or reject
1738                            the membership offer and proceed with payment.
1739                        </span>
1740
1741                        <!-- Existing user has registered unrelated user -->
1742                        <span data-bind="visible: !IsRelatedUser()">
1743                            <span data-bind="text: RegisteredUser.Name"></span> will be emailed once the request has been approved and, at that point,
1744                            they will be able to view and accept or reject the membership offer and proceed with payment.
1745                        </span>
1746                    </div>
1747
1748                    <div class="alert alert-success" data-bind="visible: IsRelatedUser() && HasPaymentsInBasket()">
1749                        <div>
1750                            <i class="fas fa-shopping-basket"></i>
1751                            Subscriptions have been automatically approved and have been added to your basket. Please now proceed there to make payment.
1752                        </div>
1753                        <a class="btn btn-primary mt-10" href="/Finance/Cart">
1754                            <i class="fa fa-shopping-basket"></i> Pay for Subscriptions
1755                        </a>
1756                    </div>
1757
1758                    <div class="table-stacked">
1759                        <table class="table">
1760                            <thead>
1761                                <tr>
1762                                    <th>Reference</th>
1763                                    <th>
1763Name</th>
1764                                    <th>Category</th>
1765                                    <th>Costs</th>
1766                                    <th class="action-column" />
1767                                </tr>
1768                            </thead>
1769                            <tbody data-bind="foreach: Subscriptions">
1770                                <tr>
1771                                    <td data-title="Reference" data-bind="text: ReferenceNumber"></td>
1772                                    <td data-title="Name" data-bind="text: Name"></td>
1773                                    <td data-title="Category">
1774                                        <span data-bind="text: MembershipCategoryName"></span>
1775                                        <div data-bind="html: Status.Formatted"></div>
1776                                        <div data-bind="html: Section.Label"></div>
1777                                    </td>
1778                                    <td>
1779                                        <div data-bind="visible: JoiningFee.InclTax.Value">
1780                                            <strong>Joining Fee</strong>
1781                                            <span class="label-cost" data-bind="text: JoiningFee.InclTax.Formatted"></span>
1782                                        </div>
1783                                        <div data-bind="visible: Cost.InclTax.Value">
1784                                            <strong>Cost</strong>
1785                                            <span class="label-cost">
1786                                                <span data-bind="text: Cost.InclTax.Formatted"></span>
1787                                            </span>
1788                                            <span data-bind="visible: HasEarlyPaymentOption">
1789                                                /
1790                                                <span class="label-cost" data-bind="attr: { title: 'Early payment discount. Deadline: ' + EarlyPaymentDeadline() + ' (inclusive)' }">
1791                                                    <i class="fa fa-hourglass-half"></i>
1792                                                    <span data-bind="text: EarlyPaymentCost.InclTax.Formatted"></span>
1793                                                </span>
1794                                            </span>
1795                                        </div>
1796                                        <div data-bind="foreach: AddOns">
1797                                            <div>
1798                                                <strong data-bind="text: Name"></strong>
1799                                                <span class="label-cost" data-bind="text: Cost.Cost.Formatted"></span>
1800                                            </div>
1801                                        </div>
1802                                    </td>
1803                                    <td>
1804                                        <a class="btn btn-xs btn-info" data-bind="attr: { href: '/Subscriptions/View?id=' + ID() }, visible: !IsGroup() && !IsLinked()">
1805                                            <i class="fa fa-search"></i> View
1806                                        </a>
1807
1808                                        <a class="btn btn-xs btn-info" data-bind="attr: { href: '/Subscriptions/View?id=' + ID() }, visible: IsGroup">
1809                                            <i class="fa fa-users"></i> Manage
1810                                        </a>
1811                                    </td>
1812                                </tr>
1813                            </tbody>
1814                        </table>
1815                    </div>
1816                </div>
1817
1818                <!-- Group Subscription Assignment -->
1819                <div data-bind="visible: GroupSubscriptions().length">
1820                    <h4 class="form-header">
1821                        Group Subscriptions
1822                    </h4>
1823
1824                    <div data-bind="foreach: GroupSubscriptions">
1825                        <h5 class="form-header" data-bind="visible: $parent.GroupSubscriptions().length > 1">
1826                            <span data-bind="text: MembershipCategoryName"></span> - <span data-bind="text: User.Name"></span>
1827                            <small data-bind="visible: GroupName">
1828                                <strong data-bind="text: GroupNameTerm"></strong>: <span data-bind="text: GroupName"></span>
1829                            </small>
1830                        </h5>
1831                        <p>
1832                            You have requested one or more group membership subscriptions.  You should now use the 
1833                            register buttons below to add additional members into the available slots. 
1834                        </p>
1835
1836                        <div class="table-stacked">
1837                            <table class="table table-bordered">
1838                                <thead>
1839                                    <tr>
1840                                        <th class="id-column">No.</th>
1841                                        <th>Membership</th>
1842                                        <th></th>
1843                                    </tr>
1844                                </thead>
1845                                <tbody data-bind="foreach: Slots">
1846                                    <tr>
1847                                        <td data-title="No." data-bind="text: Ordinal()+1"></td>
1848                                        <td data-title="Membership">
1849                                            <div data-bind="visible: Assignee.ID">
1850                                                <div class="assignee">
1851                                                    <span data-bind="text: Assignee.Name"></span>
1852                                                </div>
1853                                                <div class="assigned-category">
1854                                                    <span data-bind="text: AssignedMembershipCategoryName"></span>
1855                                                </div>
1856                                        
1857                                                <div class="slot-linked-subscriptions" data-bind="foreach: LinkedSubscriptions, visible: LinkedSubscriptions().length">
1858                                                    <div>
1859                                                        <span data-bind="html: Section.IconWithColour"></span> <span data-bind="text: MembershipCategoryName"></span>
1860                                                    </div>
1861                                                </div>
1862                                            </div>
1863                                            <div data-bind="visible: !Assignee.ID()">
1864                                                <div>One of:</div>
1865                                                <ul data-bind="foreach: CategoryOptions">
1866                                                    <li data-bind="text: Name"></li>
1867                                                </ul>
1868                                            </div>
1869                                        </td>
1870                                        <td>
1871                                            <div data-bind="visible: !Assignee.ID() && !$parent.IsApplicantAssigned()">
1872                                                <div class="btn-group btn-group-sm" data-bind="visible: CategoryOptions().length > 1">
1873                                                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1874                                                        <i class="fa fa-user"></i>
1875                                                        Assign to me
1876                                                        <span class="caret"></span>
1877                                                    </button>
1878                                                    <ul class="dropdown-menu" data-bind="foreach: CategoryOptions">
1879                                                        <li>
1880                                                            <a href="#" data-bind="text: Name, click: function() { $parents[1].assignToMe($parent, ID()); }"></a>
1881                                                        </li>
1882                                                    </ul>
1883                                                </div>
1884                                                <div data-bind="visible: CategoryOptions().length === 1">
1885                                                    <button type="button" class="btn btn-sm btn-primary" data-bind="click: function() { $parent.assignToMe($data, CategoryOptions()[0].ID()); }">
1886                                                        <i class="fa fa-user"></i>
1887                                                        Assign to me
1888                                                    </button>
1889                                                </div>
1890
1891                                            </div>
1892                                                                                    
1893                                            <button type="button" class="btn btn-sm btn-success" data-bind="click: $parent.assignSlot, visible: !Assignee.ID()">
1894   	                                            <i class="fa fa-user-plus"></i>
1895       	                                        Register Another Member
1896           	                                </button>
1897
1898                                            <div data-bind="visible: Assignee.ID">
1899                                                <button type="button" class="btn btn-sm btn-success" data-bind="visible: CanAddLinkedSubscription, click: $parent.addLinkedSubscription">
1900                                                    <i class="fas fa-link"></i> Add Linked Subscription
1901                                                </button>
1902                                            </div>
1903										</td>
1904                                    </tr>
1905                                </tbody>
1906                            </table>
1907                        </div>
1908                    </div>
1909                </div>
1910
1911                <!-- Next Steps -->
1912                <div data-bind="visible: NextSteps().length">
1913                    <h4 class="form-header">
1914                        Next Steps
1915                    </h4>
1916
1917                    <div class="list-group" data-bind="foreach: NextSteps">
1918                        <a class="list-group-item" data-bind="attr: { href: FullLinkURL }">
1919                            <h4 class="list-group-item-heading">
1920                                <i data-bind="css: GlyphClass"></i>
1921                                <span data-bind="text: Caption"></span>
1922                            </h4>
1923                            <p class="list-group-item-text" data-bind="text: Description"></p>
1924                        </a>
1925                    </div>
1926                </div>
1927            </div>
1928        </div>
1929    </div>
1930</div>
1931
1932
1933
1934<div id="add-linked-subscription-modal" class="modal fade" tabindex="-1" role="dialog">
1935    <div class="modal-dialog modal-lg">
1936        <div class="modal-content">
1937            <div class="modal-header">
1938                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
1939                <h4 class="modal-title">Request Linked Membership</h4>
1940            </div>
1941            <div class="modal-body">
1942                <div class="form-horizontal">
1943                    <div class="form-group" data-bind="validationElement: SelectedOption">
1944                        <label class="col-md-3 control-label">Membership Category</label>
1945                        <div class="col-md-8">
1946                            <div data-bind="component: { 
1947                                             name: 'linked-membership-category-dropdown', 
1948                                             params: { 
1949                                                SubscriptionID: SubscriptionID,
1950                                                HasOptions: HasOptions, 
1951                                                SelectedOption: SelectedOption } }"></div>
1952                            <span class="help-block" data-bind="validationMessage: SelectedOption"></span>
1953
1954                            <div data-bind="if: Request()">
1955                                <!-- Cost Calculation -->
1956                                <div data-bind="component: { 
1957                                                name: 'membership-term-info', 
1958                                                params: { 
1959                                                    TermOption: Request().TermOption } }"></div>
1960                            </div>
1961                        </div>
1962                    </div>
1963
1964                    <div data-bind="if: Request()">
1965                        <!-- Form -->
1966                        <div class="mt-10" 
1967                             data-bind="component: { 
1968                                            name: 'membership-request-form-entry', 
1969                                            params: { 
1970                                                MembershipCategoryOption: Request().MembershipCategoryOption,
1971                                                Form: Request().Form } },
1972                                        visible: Request().Form"></div>
1973
1974                        <!-- Add-ons -->
1975                        <div class="mt-10 mb-10" 
1976                             data-bind="component: { 
1977                                            name: 'membership-addons-selector', 
1978                                            params: { 
1979                                                Membership: Request
1979().Membership, 
1980                                                IsRelatedUser: true,
1981                                                AddOnsOffered: Request().AddOnsOffered,
1982                                                SelectedAddOns: Request().AddOns } },
1983                                        visible: Request().AddOnsOffered"></div>
1984                    </div>
1985                </div>
1986            </div>
1987            <div class="modal-footer">
1988                <div class="checkbox pull-left" data-bind="visible: IsAdmin">
1989                    <label>
1990                        <input type="checkbox" data-bind="checked: SendEmails" />
1991                        Send Notification Emails
1992                    </label>
1993                </div>
1994
1995                <button type="button" class="btn btn-primary" data-bind="click: execute">OK</button>
1996                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
1997            </div>
1998        </div>
1999    </div>
2000</div>
2001
2002</partial>
2003</partial>
2004
2005<div id="add-page-to-menu-modal" class="modal fade" tabindex="-1" role="dialog">
2006    <div class="modal-dialog">
2007        <div class="modal-content">
2008            <div class="modal-header">
2009                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2010                <h4 class="modal-title">Add Page to Main Menu</h4>
2011            </div>
2012            <div class="modal-body">
2013                <div class="form-horizontal">
2014                    <div class="form-group" data-bind="validationElement: URL">
2015                        <label class="control-label col-md-3">Page URL</label>
2016                        <div class="col-md-8">
2017                            <input type="text" class="form-control" data-bind="value: URL" maxlength="1000" />
2018                            <span class="help-block" data-bind="validationMessage: URL"></span>
2019                        </div>
2020                    </div>
2021
2022                    <div class="form-group" data-bind="validationElement: Caption">
2023                        <label class="control-label col-md-3">Caption</label>
2024                        <div class="col-md-8">
2025                            <input type="text" class="form-control" data-bind="value: Caption" maxlength="200" />
2026                            <span class="help-block" data-bind="validationMessage: Caption"></span>
2027                        </div>
2028                    </div>
2029                    <div class="form-group" data-bind="validationElement: Description">
2030                        <label class="control-label col-md-3">Description</label>
2031                        <div class="col-md-8">
2032                            <textarea class="form-control" data-bind="value: Description" rows="3" maxlength="500"></textarea>
2033                            <span class="help-block" data-bind="validationMessage: Description"></span>
2034                        </div>
2035                    </div>
2036                    <div class="form-group" data-bind="validationElement: CustomTypeName, visible: !CmsPageID()">
2037                        <!-- Only enable Custom Type Name if this is going to be a new menu item -->
2038                        <label class="control-label col-md-3">Custom Type Name</label>
2039                        <div class="col-md-8">
2040                            <select data-bind="select2: {}, value: CustomTypeName, valueAllowUnset: true, disable: ItemID() || CmsPageID()">
2041                                <option value="">(none)</option>
2042                                    <option value="AnalyseForm">AnalyseForm</option>
2043                                    <option value="BookingCalendar">BookingCalendar</option>
2044                                    <option value="SCTCWebApplication.ViewModel.EditVATRatesIndexMenuItemVM">SCTCWebApplication.ViewModel.EditVATRatesIndexMenuItemVM</option>
2045                                    <option value="SCTCWebApplication.ViewModel.MySubscriptionHistoryIndexMenuItemVM">SCTCWebApplication.ViewModel.MySubscriptionHistoryIndexMenuItemVM</option>
2046                                    <option value="SCTCWebApplication.ViewModel.MySubscriptionsIndexMenuItemVM">SCTCWebApplication.ViewModel.MySubscriptionsIndexMenuItemVM</option>
2047                                    <option value="PrintBlankFormMenuItemVM">PrintBlankFormMenuItemVM</option>
2048                                    <option value="Register">Register</option>
2049                                    <option value="Registration">Registration</option>
2050                                    <option value="SMS">SMS</option>
2051                            </select>
2052                            <span class="help-block" data-bind="validationMessage: CustomTypeName"></span>
2053                        </div>
2054                    </div>
2055                    <div class="form-group" data-bind="validationElement: Icon">
2056                        <label class="control-label col-md-3">Icon</label>
2057                        <div class="col-md-8">
2058                            <div class="form-control-static">
2059                                <div data-bind="component: { name: 'icon-selector', params: { Value: Icon } }"></div>
2060                            </div>
2061                        </div>
2062                    </div>
2063
2064                    <div class="form-group" data-bind="validationElement: GroupID">
2065                        <label class="control-label col-md-3">Menu</label>
2066                        <div class="col-md-8">
2067                            <select class="form-control" data-bind="select2: true, value: GroupID, options: GroupOptions, optionsValue: 'ID', optionsText: 'Name', valueAllowUnset: true, optionsCaption: 'Please select ...'"></select>
2068                            <span class="help-block" data-bind="validationMessage: GroupID"></span>
2069                        </div>
2070                    </div>
2071                    <div class="form-group" data-bind="validationElement: Position">
2072                        <label class="control-label col-md-3">Position</label>
2073                        <div class="col-md-8">
2074                            <select class="form-control" data-bind="select2: true, value: Position, options: PositionOptions, optionsValue: 'ID', optionsText: 'Name', valueAllowUnset: true, optionsCaption: 'Please select ...'"></select>
2075                            <span class="help-block" data-bind="validationMessage: Position"></span>
2076                            <span class="help-block">
2077                                Select the item before which the new menu item should be inserted.
2078                            </span>
2079                        </div>
2080                    </div>
2081                    <div class="form-group">
2082                        <label class="control-label col-md-3">Start new group?</label>
2083                        <div class="col-md-8">
2084                            <div data-bind="component: { name: 'radio-group', params: { Value: IsGroupStart, Options: [ true, false ] } }"></div>
2085                            <span class="help-block">
2086                                If set, then the menu item will have a dividing line inserted above it.
2087                            </span>
2088                        </div>
2089                    </div>
2090                </div>
2091            </div>
2092            <div class="modal-footer">
2093                <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
2094                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
2095            </div>
2096        </div>
2097    </div>
2098</div>
2099
2100
2101</partial>
2102<div id="add-redirect-for-page-modal" class="modal fade" tabindex="-1" role="dialog">
2103    <div class="modal-dialog">
2104        <div class="modal-content">
2105            <div class="modal-header">
2106                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2107                <h4 class="modal-title">Add a Redirect to This Page</h4>
2108            </div>
2109            <div class="modal-body">
2110                <div class="form-horizontal">
2111                    <div class="form-group" data-bind="validationElement: FromURL">
2112                        <label class="control-label col-md-3">Redirect from</label>
2113                        <div class="col-md-8">
2114                            <input type="text" class="form-control" data-bind="value: FromURL, event: { blur: checkFromUrl }" maxlength="200" placeholder="/join" />
2115                            <span class="help-block" data-bind="validationMessage: FromURL"></span>
2116                            <span class="help-block text-danger" data-bind="text: fromUrlServerMessage, visible: fromUrlServerMessage"></span>
2117                            <span class="help-block">
2118                                A short, memorable address, or an old address you're redirecting here, that should bring visitors
2119                                to this page (e.g. /join).
2120                            </span>
2121                        </div>
2122                    </div>
2123                    <div class="form-group" data-bind="validationElement: ToURL">
2124                        <label class="control-label col-md-3">Redirect to</label>
2125                        <div class="col-md-8">
2126                            <input type="text" class="form-control" data-bind="value: ToURL" maxlength="5000" placeholder="/Membership/Overview" />
2127                            <span class="help-block" data-bind="validationMessage: ToURL"></span>
2128                            <span class="help-block">
2129                                Pre-filled with this page's address - edit it if you'd rather redirect to a different page, or need
2130                                to include a query string (e.g. ?id=1). Any #anchor won't have any effect (see note above).
2131                            </span>
2132                        </div>
2133                    </div>
2134                </div>
2135            </div>
2136            <div class="modal-footer">
2137                <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
2138                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
2139            </div>
2140        </div>
2141    </div>
2142</div>
2143</partial>
2144
2145<div id="release-notes-modal" class="modal fade" tabindex="-1" role="dialog">
2146    <div class="modal-dialog modal-lg">
2147        <div class="modal-content">
2148            <div class="modal-header">
2149                <button type="button" class="close" aria-label="Close" data-bind="click: onOk"><span aria-hidden="true">&times;</span></button>
2150                <h4 class="modal-title">Release Notes</h4>
2151            </div>
2152            <div class="modal-body">
2153                <div data-bind="foreach: Releases">
2154                    <div class="release">
2155                        <h2 class="form-header">
2156                            Version <span data-bind="text: Version"></span>
2157                            <small data-bind="text: Date"></small>
2158                        </h2>
2159                        <div data-bind="html: Notes"></div>
2160                    </div>
2161                </div>
2162            </div>
2163            <div class="modal-footer">
2164                <button type="button" class="btn btn-default" data-bind="click: onOk">Close</button>
2165            </div>
2166        </div>
2167    </div>
2168</div>
2169
2170
2171
2172
2173<div id="token-balance-topup-modal" class="modal fade" tabindex="-1" role="dialog">
2174    <div class="modal-dialog modal-lg">
2175        <div class="modal-content">
2176            <div class="modal-header">
2177                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2178                <h4 class="modal-title">Top Up Token Balance</h4>
2179            </div>
2180            <div class="modal-body">
2181                <div class="form-horizontal">
2182                    <div class="form-group">
2183                        <label class="control-label col-md-3">Member</label>
2184                        <div class="col-md-8">
2185                            <p class="form-control-static" data-bind="text: User.Name"></p>
2186                        </div>
2187                    </div>
2188                    <div class="form-group">
2189                        <label class="control-label col-md-3">Current Balance</label>
2190                        <div class="col-md-8">
2191                            <p class="form-control-static" data-bind="text: CurrentBalance.FormattedWithLabel"></p>
2192                        </div>
2193                    </div>
2194
2195                    <!-- Phase 1: amount selection -->
2196                    <div data-bind="visible: Phase() === 'amount'">
2197                        <div class="form-group" data-bind="validationElement: TokenCount">
2198                            <label class="control-label col-md-3">Amount to Credit</label>
2199                            <div class="col-md-8">
2200                                <div data-bind="component: { name: 'token-amount-edit', params: { Value: TokenCount, TokensAreMoney: TokensAreMoney, Enabled: !PurchaseUnits().length } }"></div>
2201                                <div class="mt-5" data-bind="visible: PurchaseUnits().length">
2202                                    <button type="button" class="btn btn-xs btn-default" data-bind="click: reset">0</button>
2203                                    <!-- ko foreach: PurchaseUnits -->
2204                                    <button type="button" class="btn btn-xs btn-default" data-bind="text: '+' + TokenCount.Formatted(), click: $parent.addLot"></button>
2205                                    <!-- /ko -->
2206                                </div>
2207                                <div class="mt-5" data-bind="foreach: AvailableAmou
2207ntOptions, visible: TokensAreMoney() && !PurchaseUnits().length">
2208                                    <button type="button" class="btn btn-xs btn-default" data-bind="text: Caption, click: function() { $parent.TokenCountMoney(Amount); }"></button>
2209                                </div>
2210                                <span class="help-block" data-bind="validationMessage: TokenCount"></span>
2211                                <span class="help-block" data-bind="visible: LimitsMessage, html: LimitsMessage"></span>
2212                            </div>
2213                        </div>
2214
2215                        <div class="form-group" data-bind="visible: !TokensAreMoney() || PurchaseUnits().length">
2216                            <label class="control-label col-md-3">Cost</label>
2217                            <div class="col-md-8">
2218                                <p class="form-control-static" data-bind="text: Cost"></p>
2219                            </div>
2220                        </div>
2221
2222                        <div class="form-group" data-bind="visible: !PaymentMethodOptions().length">
2223                            <div class="col-md-offset-3 col-md-8">
2224                                <span class="help-block text-warning">
2225                                    <i class="fas fa-exclamation-triangle"></i> You do not have any payment methods stored on your account. Please go to your
2226                                    <a data-bind="clubhouseHref: '/UserPage#UserPaymentMethods'" target="_blank">Profile Page</a> to add a payment method.
2227                                </span>
2228                            </div>
2229                        </div>
2230                    </div>
2231
2232                    <!-- Phase 2: payment element -->
2233                    <div data-bind="visible: Phase() === 'payment'">
2234                        <div class="form-group">
2235                            <label class="control-label col-md-3">Amount to Credit</label>
2236                            <div class="col-md-8">
2237                                <p class="form-control-static" data-bind="text: TokenCountWithLabel"></p>
2238                            </div>
2239                        </div>
2240                        <div class="form-group">
2241                            <label class="control-label col-md-3">Cost</label>
2242                            <div class="col-md-8">
2243                                <p class="form-control-static" data-bind="text: Cost"></p>
2244                            </div>
2245                        </div>
2246                        <div class="form-group">
2247                            <div class="col-md-offset-3 col-md-8">
2248                                <div id="token-topup-payment-element"></div>
2249                            </div>
2250                        </div>
2251                    </div>
2252                </div>
2253            </div>
2254            <div class="modal-footer">
2255                <button type="button" class="btn btn-primary" data-bind="click: onContinue, visible: Phase() === 'amount', enable: !IsBusy() && !!PaymentMethodOptions().length">Continue</button>
2256                <button type="button" class="btn btn-default" data-bind="click: onBack, visible: Phase() === 'payment', enable: !IsBusy()">Back</button>
2257                <button type="button" class="btn btn-primary" data-bind="click: onPay, visible: Phase() === 'payment', enable: !IsBusy()">Pay</button>
2258                <button type="button" class="btn btn-default" data-dismiss="modal" data-bind="enable: !IsBusy()">Cancel</button>
2259            </div>
2260        </div>
2261    </div>
2262</div>
2263
2264
2265
2266<div id="eposnow-balance-top-up-modal" class="modal fade" tabindex="-1" role="dialog">
2267    <div class="modal-dialog">
2268        <div class="modal-content">
2269            <div class="modal-header">
2270                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2271                <h4 class="modal-title">Top Up Credit Balance</h4>
2272            </div>
2273            <div class="modal-body">
2274                <div class="form-horizontal">
2275                    <div class="form-group">
2276                        <label class="control-label col-md-3">Member</label>
2277                        <div class="col-md-8">
2278                            <p class="form-control-static" data-bind="text: User.Name"></p>
2279                        </div>
2280                    </div>
2281                    <div class="form-group">
2282                        <label class="control-label col-md-3">Current Balance</label>
2283                        <div class="col-md-8">
2284                            <p class="form-control-static" data-bind="text: CreditBalance.Formatted"></p>
2285                        </div>
2286                    </div>
2287
2288                    <!-- Phase 1: amount selection -->
2289                    <div data-bind="visible: Phase() === 'amount'">
2290                        <div class="form-group" data-bind="validationElement: Amount">
2291                            <label class="control-label col-md-3">Amount to Credit</label>
2292                            <div class="col-md-8">
2293                                <div class="form-inline">
2294                                    <div class="input-group">
2295                                        <span class="input-group-addon">&#xA3;</span>
2296                                        <input type="text" class="form-control money-control" data-bind="value: Amount"/>
2297                                    </div>
2298                                    <div class="mt-5" data-bind="foreach: AvailableAmountOptions">
2299                                        <button type="button" class="btn btn-xs btn-default" data-bind="text: Caption, click: function() { $parent.Amount(Amount); }"></button>
2300                                    </div>
2301                                </div>
2302                                <span class="help-block" data-bind="validationMessage: Amount"></span>
2303                                <span class="help-block" data-bind="visible: LimitsMessage, html: LimitsMessage"></span>
2304                            </div>
2305                        </div>
2306
2307                        <div class="form-group" data-bind="visible: !PaymentMethodOptions().length">
2308                            <div class="col-md-offset-3 col-md-8">
2309                                <span class="help-block text-warning">
2310                                    <i class="fas fa-exclamation-triangle"></i> You do not have any payment methods stored on your account. Please go to your
2311                                    <a data-bind="clubhouseHref: '/UserPage#UserPaymentMethods'" target="_blank">Profile Page</a> to add a payment method.
2312                                </span>
2313                            </div>
2314                        </div>
2315                    </div>
2316
2317                    <!-- Phase 2: payment element -->
2318                    <div data-bind="visible: Phase() === 'payment'">
2319                        <div class="form-group">
2320                            <label class="control-label col-md-3">Amount</label>
2321                            <div class="col-md-8">
2322                                <p class="form-control-static" data-bind="text: Amount"></p>
2323                            </div>
2324                        </div>
2325                        <div class="form-group">
2326                            <div class="col-md-offset-3 col-md-8">
2327                                <div id="eposnow-topup-payment-element"></div>
2328                            </div>
2329                        </div>
2330                    </div>
2331
2332                </div>
2333            </div>
2334            <div class="modal-footer">
2335                <button type="button" class="btn btn-primary" data-bind="click: onContinue, visible: Phase() === 'amount', enable: !IsBusy() && !!PaymentMethodOptions().length">Continue</button>
2336                <button type="button" class="btn btn-default" data-bind="click: onBack, visible: Phase() === 'payment', enable: !IsBusy()">Back</button>
2337                <button type="button" class="btn btn-primary" data-bind="click: onPay, visible: Phase() === 'payment', enable: !IsBusy()">Pay</button>
2338                <button type="button" class="btn btn-default" data-dismiss="modal" data-bind="enable: !IsBusy()">Cancel</button>
2339            </div>
2340        </div>
2341    </div>
2342</div>
2343
2344
2345
2346
2347
2348<div id="mark-as-paid-modal" class="modal fade" tabindex="-1" role="dialog">
2349    <div class="modal-dialog modal-lg">
2350        <div class="modal-content">
2351            <div class="modal-header">
2352                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2353                <h4 class="modal-title">Mark as Paid</h4>
2354            </div>
2355            <div class="modal-body">
2356
2357                <!-- ko foreach: ScheduledPaymentWarnings -->
2358                <div class="alert alert-warning">
2359                    <!-- ko if: Code === 'GOCARDLESS' -->
2360                    <h4><i class="fas fa-exclamation-triangle"></i> GoCardless Direct Debit — <!-- ko text: IsRepeating ? 'Repeating Payment' : 'Scheduled Payment' --><!-- /ko --></h4>
2361                    <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by GoCardless. <strong>There is no need to record manually unless the GoCardless notification has been missed.</strong></p>
2362                    <p>If you do record it: entering the GoCardless payment reference (e.g. <code>PM...</code>) will allow the duplicate notification to be safely ignored.
2363                        If you use an unknown or incorrect reference, myClubhouse may incorrectly mark the <strong><!-- ko text: IsRepeating ? 'next period\'s payment' : 'next scheduled payment' --><!-- /ko --></strong> as paid when it processes the collection.</p>
2364                    <!-- /ko -->
2365                    <!-- ko if: Code === 'STRIPE' -->
2366                    <h4><i class="fas fa-exclamation-triangle"></i> Stripe — <!-- ko text: IsRepeating ? 'Repeating Payment' : 'Scheduled Payment' --><!-- /ko --></h4>
2367                    <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by Stripe. <strong>There is no need to record manually unless the Stripe notification has been missed.</strong></p>
2368                    <p>If you do record it: entering the Stripe charge reference (e.g. <code>ch_...</code>) will allow the duplicate notification to be safely ignored.
2369                        If you use an unknown or incorrect reference, myClubhouse may incorrectly mark the <strong><!-- ko text: IsRepeating ? 'next period\'s payment' : 'next scheduled payment' --><!-- /ko --></strong> as paid when it processes the collection.</p>
2370                    <!-- /ko -->
2371                    <!-- ko if: Code !== 'GOCARDLESS' && Code !== 'STRIPE' -->
2372                    <h4><i class="fas fa-exclamation-triangle"></i> Scheduled Electronic Payment</h4>
2373                    <p><span data-bind="text: IDSummary"></span> <span data-bind="text: Plural ? 'are' : 'is'"></span> scheduled to be collected automatically by <span data-bind="text: MethodName"></span>. <strong>There is no need to record manually unless the provider's notification has been missed.</strong>
2374                        If you mark it as paid and the automatic collection also succeeds, the payment may be recorded twice.</p>
2375                    <!-- /ko -->
2376                </div>
2377                <!-- /ko -->
2378
2379                <!-- ko if: ElectronicPaymentMethodWarning() -->
2380                <div class="alert alert-info">
2381                    <strong>
2382                        <!-- ko if: ElectronicPaymentMethodWarning().Icon --><i data-bind="css: ElectronicPaymentMethodWarning().Icon"></i><!-- /ko -->
2383                        <!-- ko if: ElectronicPaymentMethodWarning().Code === 'GOCARDLESS' -->GoCardless Direct Debit<!-- /ko -->
2384                        <!-- ko if: ElectronicPaymentMethodWarning().Code === 'STRIPE' -->Stripe<!-- /ko -->
2385                        <!-- ko if: ElectronicPaymentMethodWarning().Code !== 'GOCARDLESS' && ElectronicPaymentMethodWarning().Code !== 'STRIPE' --><span data-bind="text: ElectronicPaymentMethodWarning().Name"></span><!-- /ko -->
2386                    </strong> —
2387                    <!-- ko if: ElectronicPaymentMethodWarning().Subject -->RE: <span data-bind="text: ElectronicPaymentMethodWarning().Subject"></span>: <!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code === 'GOCARDLESS' -->GoCardless Direct Debits<!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code === 'STRIPE' -->Stripe payments<!-- /ko --><!-- ko if: ElectronicPaymentMethodWarning().Code !== 'GOCARDLESS' && ElectronicPaymentMethodWarning().Code !== 'STRIPE' -->Payments via <span data-bind="text: ElectronicPaymentMethodWarning().Name"></span><!-- /ko -->
2388                    are normally recorded automatically.
2389                    There is no need to record manually unless <span data-bind="text: ElectronicPaymentMethodWarning().NotificationPhrase"></span> has been missed. Please enter the exact payment reference where possible. Payments with different references must be recorded separately.
2390                </div>
2391                <!-- /ko -->
2392
2393                <div class="alert alert-info" data-bind="visible: AnySelectedIsRepeating" style="display: none">
2394                    <i class="fas fa-info-circle"></i>
2395                    Marking this payment as paid will automatically create the next repeating purchase and due payment.
2396                </div>
2397
2398                <div class="form-horizontal">
2399
2400                    <div class="form-group">
2401                        <label class="col-md-3 control-label">Payee</label>
2402                        <div class="col-md-8">
2403                            <!-- ko if: PayeeOptions().length <= 3 -->
2404                            <div data-bind="component: {
2405                                name: 'radio-group',
2406                                params: {
2407                                    Value: PayeeID,
2408                                    Options: PayeeOptions,
2409                                    OptionsValue: 'ID', OptionsText: 'Name'
2410                                }
2411                            }"></div>
2412                            <!-- /ko -->
2413                            <!-- ko if: PayeeOptions().length > 3 -->
2414                            <select class="form-control" style="max-width: 300px" data-bind="select2: true, value: PayeeID, options: PayeeOptions, optionsValue: 'ID', optionsText: 'Name'"></select>
2415                            <!-- /ko -->
2416                        </div>
2417                    </div>
2418
2419                    <div class="form-group" data-bind="validationElement: PayingUser.ID">
2420                        <label class="col-md-3 control-label">Paying User</label>
2421                        <div class="col-md-6">
2422                            <div class="form-inline">
2423                                <input type="text" class="form-control user-control"
2424                                       data-bind="clubhouseAutoCompleteMulti: {
2425                                        value: PayingUserIDEdit,
2426                                        text: PayingUser.Name,
2427                                        options: { dataSource: lookupMatchingUsers, singleValue: true } }"/>
2428                                <i class="fas fa-gift" style="color: deeppink" data-bind="visible: UserIsEligibleForGiftAid" title="Payer has active Gift Aid declaration"></i>
2429                            </div>
2430                            <span class="help-block" data-bind="validationMessage: PayingUser.ID"></span>
2431                        </div>
2432                    </div>
2433
2434                    <div class="form-group" data-bind="validationElement: PaymentDate">
2435                        <label class="control-label col-md-3">Payment Date</label>
2436                        <div class="col-md-8">
2437                            <input type="text" class="form-control" data-bind="kendoDatePicker: PaymentDate" />
2438                            <span class="help-block" data-bind="validationMessage: PaymentDate"></span>
2439                        </div>
2440                    </div>
2441
2442                    <div class="form-group" data-bind="validationElement: PaymentMethodID">
2443                        <label class="col-md-3 control-label">Payment Method</label>
2444                        <div class="col-md-3">
2445                            <select class="form-control" data-bind="select2: true, value: PaymentMethodID, options: AvailablePaymentMethods, optionsValue: 'ID', optionsText: 'Name'"></select>
2446                            <span class="help-block" data-bind="validationMessage: PaymentMethodID"></span>
2447                        </div>
2448                    </div>
2449
2450                    <div class="form-group" data-bind="validationElement: Amount">
2451                        <label class="col-md-3 control-label">Amount</label>
2452                        <div class="col-md-3">
2453                            <div class="form-inline-flex">
2454                                <span class="input-group">
2455                                    <span class="input-group-addon">&#xA3;</span>
2456                                    <input type="text" class="form-control" data-bind="textInput: Amount" />
2457                                </span>
2458                                <button type="button" class="btn btn-xs btn-default" data-bind="visible: AmountIsEntered, click: function() { Amount(null); }">
2459                                    <i class="fal fa-abacus"></i>
2460                                </button>
2461                            </div>
2462                            <span class="help-block" data-bind="validationMessage: Amount"></span>
2463                            <span class="help-block">Refunds may be recorded using negative amounts.</span>
2464                        </div>
2465                    </div>
2466
2467                    <div class="form-group" data-bind="validationElement: PaymentReferenceText">
2468                        <label class="col-md-3 control-label">Payment Reference</label>
2469                        <div class="col-md-8">
2470                            <div data-bind="component: {
2471                                name: 'radio-group',
2472                                params: {
2473                                    Value: PaymentReferenceIsKnown,
2474                                    Options: [{ Value: true, Label: 'Known', Icon: 'fas fa-hashtag' }, { Value: false, Label: 'Unknown', Icon: 'fas fa-question' }],
2475                                    OptionsValue: 'Value', OptionsText: 'Label', OptionsIcon: 'Icon'
2476                                }
2477                            }"></div>
2478                            <div data-bind="visible: PaymentReferenceIsKnown" style="display: none; margin-top: 8px;">
2479                                <input type="text" class="form-control" data-bind="textInput: PaymentReferenceText" maxlength="100" placeholder="Enter payment reference" />
2480                                <span class="help-block" data-bind="validationMessage: PaymentReferenceText"></span>
2481                            </div>
2482                        </div>
2483                    </div>
2484
2485                    <div class="form-group" data-bind="validationElement: Notes">
2486                        <label class="control-label col-md-3">Notes</label>
2487                        <div class="col-md-8">
2488                            <textarea class="form-control" rows="3" data-bind="value: Notes" maxlength="200"></textarea>
2489                            <span class="help-block" data-bind="validationMessage: Notes"></span>
2490                        </div>
2491                    </div>
2492
2493                    <!-- Allocation of Due Payments -->
2494                    <h4 class="form-header">
2495                        Allocation to Due Payments
2496                    </h4>
2497                    <p>
2498                        Select the due payments that are covered by this received payment.
2499                    </p>
2500
2501                    <!-- Unallocated Amount -->
2502                    <div class="form-horizontal">
2503                        <div class="form-group" data-bind="validationElement: UnallocatedAmount">
2504                            <label class="col-md-3 control-label">Unallocated Amount</label>
2505                            <div class="col-md-7">
2506                                <div class="form-inline">
2507                                    <div class="input-group">
2508                                        <span class="input-group-addon">&#xA3;</span>
2509                                        <input type="text" class="form-control" data-bind="value: UnallocatedAmount" readonly/>
2510                                    </div>
2511                                </div>
2512                                <span class="help-block" data-bind="validationMessage: UnallocatedAmount"></span>
2513                            </div>
2514                        </div>
2515                    </div>
2516
2517                    <div data-bind="validationElement: Allocations">
2518                        <div class="table-stacked">
2519                            <table class="table table-bordered table-striped table-stacked">
2520                                <thead>
2521                                    <tr>
2522                                        <th class="clickable" data-bind="click: function() { AllSelected(!AllSelected()); }">
2523                                            <i data-bind="css: AllSelected()? 'fas fa-check-square text-success': 'fal fa-square'"></i>
2524                                        </th>
2525                                        <th class="id-column">ID</th>
2526                                        <th>Purchaser</th>
2527                                        <th>Purchase</th>
2528                                        <th>Amount</th>
2529                                        <th>Due Date</th>
2530                                        <th class="money-column money-column-lg">Allocated Amount</th>
2531                                    </tr>
2532                                </thead>
2533                                <tbody>
2534                                    <!-- ko foreach: DuePaymentGroups -->
2535                                    <!-- ko if: Name -->
2536                                    <tr>
2537                                        <td colspan="7" class="text-muted small" style="font-style: italic; background: #f5f5f5; padding: 4px 8px; border-top: 2px solid #ddd;">
2538                                            <span data-bind="text: Name"></span>
2539                                            <!-- ko if: IsScheduled -->
2540                                            <span> — scheduled for automatic collection</span>
2541                                            <!-- /ko -->
2542                                        </td>
2543                                    </tr>
2544                                    <!-- /ko -->
2545                                    <!-- ko foreach: Payments -->
2546                                    <tr data-bind="css: { success: IsSelected }">
2547                                        <td class="clickable" data-bind="attr: { rowspan: IsOverallocated()? 2: 1 }, click: toggleSelection">
2548                                            <i data-bind="css: IsSelected()? 'fas fa-check-square text-success': 'fal fa-square'"></i>
2549                                        </td>
2550                                        <td data-title="ID" data-bind="text: ID"></td>
2551                                        <td data-title="Purchaser" data-bind="text: Purchaser.Name, attr: { rowspan: IsOverallocated()? 2: 1 }"></td>
2552                                        <td data-title="Purchase">
2553                                            <p data-bind="text: Purchase"></p>
2554                                            <p>
2555                                                <small class="text-muted" data-bind="text: Description"></small>
2556                                            </p>
2557                                            <!-- ko if: PaymentMethodIcon -->
2558                                            <p class="mb-0">
2559                                                <small class="text-muted"><i data-bind="css: PaymentMethodIcon"></i> <span data-bind="text: PaymentMethodName"></span></small>
2560                                            </p>
2561                                            <!-- /ko -->
2562                                        </td>
2563                                        <td data-title="Amount" class="money-column">
2564                                            <i class="fas fa-tag text-success mr-5" data-bind="visible: IsDiscountApplied"></i>
2565                                            <span data-bind="text: Amount.Formatted"></span>
2566                                        </td>
2567                                        <td data-title="Due Date" data-bind="text: DueDate, attr: { rowspan: IsOverallocated()? 2: 1 }"></td>
2568                                        <td data-title="Allocated Amount" data-bind="validationElement: AllocatedAmount, attr: { rowspan: IsOverallocated()? 2: 1 }">
2569                                            <div class="form-inline-flex">
2570                                                <div class="input-group">
2571                                                    <span class="input-group-addon">&#xA3;</span>
2572                                                    <input type="text" class="form-control currency-control" data-bind="textInput: AllocatedAmount, enable: IsSelected"/>
2573                                                </div>
2574
2575                                                <button type="button" class="btn btn-xs btn-default" data-bind="visible: !$parents[1].AllAllocated(), click: autoAdjust" title="Auto-adjust">
2576                                                    <i class="fal fa-abacus"></i>
2577                                                </button>
2578
2579                                                <i class="ml-5" data-bind="visible: IsProductEligibleForGiftAid.Value,
2580                                                  faIcon: $parents[1].UserIsEligibleForGiftAid()? 'fas fa-gift': 'far fa-gift',
2581                                                  style: { color: $parents[1].UserIsEligibleForGiftAid()? 'deeppink': 'gray' },
2582                                                  attr: { title: $parents[1].UserIsEligibleForGiftAid()? 'Payment is eligible for Gift Aid': 'Payment is not eligible for Gift Aid - no active declaration for payer' }"></i>
2583                                            </div>
2584                                            <span class="help-block" data-bind="validationMessage: AllocatedAmount"></span>
2585                                        </td>
2586                                    </tr>
2587                                    <!-- ko if: IsOverallocated -->
2588                                    <tr data-bind="css: { success: IsSelected }">
2589                                        <td />
2590                                        <td data-bind="validationElement: OverallocationReason">
2591                                            <input type="text" class="form-control" data-bind="value: OverallocationReason" placeholder="Overallocation reason" maxlength="100" />
2592                                            <span class="help-block" data-bind="validationMessage: OverallocationReason"></span>
2593                                        </td>
2594                                        <td class="money-column" data-bind="text: OverallocationAmount"></td>
2595                                    </tr>
2596                                    <!-- /ko -->
2597                                    <!-- /ko -->
2598                                    <!-- /ko -->
2599                                </tbody>
2600                            </table>
2601
2602                            <div class="no-content" data-bind="visible: !AvailableDuePayments().length">
2603                                No due payments.
2604                            </div>
2605                        </div>
2606                        <span class="help-block" data-bind="validationMessage: Allocations"></span>
2607                    </div>
2608
2609                    <!-- ko if: AppliedDiscounts().length -->
2610                    <div class="mt-10">
2611                        <strong><i class="fas fa-tag text-success"></i> Applied Discounts</strong>
2612                        <ul class="list-unstyled mt-5 mb-0">
2613                            <!-- ko foreach: AppliedDiscounts -->
2614                            <li>
2615                                <span data-bind="text: Label"></span>
2616                                <!-- ko if: AffectedDuePaymentIDs().length -->
2617                                <span class="text-muted small ml-5" data-bind="text: '(due payment' + (AffectedDuePaymentIDs().length > 1 ? 's ' : ' ') + AffectedDuePaymentIDs().join(', ') + ')'"></span>
2618                                <!-- /ko -->
2619                                <button type="button" class="btn btn-xs btn-danger ml-5" data-bind="click: function() { $parent.removeDiscount(ID(), HasPaidPayments()) }" title="Remove this discount">
2620                                    <i class="far fa-trash-alt"></i> Remove
2621                                </button>
2622                                <!-- ko if: HasPaidPayments -->
2623                                <span class="text-warning ml-5" title="Some payments for this purchase have already been paid — see warning on remove">
2624                                    <i class="fas fa-exclamation-triangle"></i>
2625                                </span>
2626                                <!-- /ko -->
2627                            </li>
2628                            <!-- /ko -->
2629                        </ul>
2630                    </div>
2631                    <!-- /ko -->
2632                </div>
2633            </div>
2634            <div class="modal-footer">
2635
2636                <div class="pull-left" data-bind="component: { name: 'checkbox', params: { Value: SendEmails, Text: 'Send Notification Emails', Icon: 'fas fa-envelope', Class: 'default' } }"></div>
2637
2638                <button type="button" class="btn btn-default" data-bind="click: applyDiscounts, enable: PayingUser.ID">
2639                    <i class="fas fa-tag"></i>
2640                    Apply Discounts
2641                </button>
2642
2643                <button type="button" class="btn btn-primary" data-bind="click: execute">
2644                    <i class="fas fa-check"></i>
2645                    Mark as Paid
2646                </button>
2647
2648                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
2649            </div>
2650        </div>
2651    </div>
2652</div>
2653
2654<div id="fill-missing-payments-modal" class="modal fade" tabindex="-1" role="dialog">
2655    <div class="modal-dialog">
2656        <div class="modal-content">
2657            <div class="modal-header">
2658                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2659                <h4 class="modal-title"><i class="fas fa-sync-alt"></i> Fill Missing Payments</h4>
2660            </div>
2661
2662            <div class="modal-body">
2663
2664                <!-- Loading -->
2665                <!-- ko if: phase() === 'loading' -->
2666                <p class="text-center text-muted"><i class="fas fa-spinner fa-spin"></i> Loading preview …</p>
2667                <!-- /ko -->
2668
2669                <!-- Error -->
2670                <!-- ko if: phase() === 'error' -->
2671                <div class="alert alert-danger">
2672                    <strong>Error:</strong> <span data-bind="text: errorMessage"></span>
2673                </div>
2674                <!-- /ko -->
2675
2676                <!-- Preview: ko with handles stats/list; messages use viewmodel-level computed observables -->
2677                <!-- ko if: phase() === 'preview' -->
2678                <!-- ko with: preview() -->
2679                <p>
2680                    Subscription <strong data-bind="text: SubscriptionID"></strong>
2681                    is <strong data-bind="text: SubscriptionStatus"></strong>.
2682                </p>
2683                <table class="table table-condensed">
2684                    <tbody>
2685                        <tr>
2686                            <td>Confirmed payments</td>
2687                            <td><strong data-bind="text: TotalConfirmedPayments"></strong></td>
2688                        </tr>
2689                        <tr>
2690                            <td>Already recorded</td>
2691                            <td><strong data-bind="text: AlreadyRecorded"></strong></td>
2692                        </tr>
2693                        <tr>
2694                            <td>To be recorded</td>
2695                            <td><strong data-bind="text: ToBeRecorded"></strong></td>
2696                        </tr>
2697                    </tbody>
2698                </table>
2699                <!-- ko if: PaymentSubscriptions.length > 0 -->
2700                <p><strong>Payment subscription(s):</strong></p>
2701                <ul data-bind="foreach: PaymentSubscriptions">
2702                    <li>
2703                        <span data-bind="text: Description"></span>
2704                        — <span data-bind="text: $data.AmountFormatted || Amount.toFixed(2)"></span>
2705                        <!-- ko if: !IsActive -->
2706                        <span class="label label-warning">inactive</span>
2707                        <!-- /ko -->
2708                    </li>
2709                </ul>
2710                <!-- /ko -->
2711                <!-- /ko -->
2712                <!-- Messages are outside ko with so they use viewmodel-level computed observables -->
2713                <!-- ko if: needsDeactivation() -->
2714                <div class="alert alert-warning">
2715                    <strong>All payments are recorded</strong>, but the subscription is no longer active
2716                    and at least one payment subscription is still marked active.
2717                    Click Proceed to deactivate it and cancel any future due payments.
2718                </div>
2719                <!-- /ko -->
2720                <!-- ko if: !needsDeactivation() && preview() && preview().ToBeRecorded === 0 -->
2721                <div class="alert alert-info">All confirmed payments are already recorded.</div>
2722                <!-- /ko -->
2723                <!-- /ko -->
2724
2725                <!-- Distribution question: use ko with to unwrap -->
2726                <!-- ko if: phase() === 'question' -->
2727                <!-- ko with: question() -->
2728                <p>
2729                    Payment <strong data-bind="text: PaymentID"></strong>
2730                    on <strong data-bind="text: PaymentDate"></strong>
2731                    is for <strong data-bind="text: AmountFormatted"></strong>.
2732                </p>
2733                <p>This amount doesn't match the sum of the payment subscriptions. Please enter how the amount should be distributed:</p>
2734                <table class="table table-condensed">
2735                    <thead>
2736                        <tr>
2737                            <th>Payment Subscription</th>
2738                            <th class="money-column">Suggested</th>
2739                            <th class="money-column">Actual Amount</th>
2740                        </tr>
2741                    </thead>
2742                    <tbody data-bind="foreach: PaymentSubscriptions">
2743                        <tr>
2744                            <td data-bind="text: Description"></td>
2745                            <td class="money-column" data-bind="text: SuggestedAmount.toFixed(2)"></td>
2746                            <td class="money-column">
2747                                <input type="number" step="0.01" min="0" class="form-control input-sm"
2748                                       data-bind="value: Amount, valueUpdate: 'afterkeydown'"
2749                                       placeholder="0.00" />
2750                            </td>
2751                        </tr>
2752                    </tbody>
2753                    <tfoot>
2754                        <tr>
2755                            <td><strong>Total entered</strong></td>
2756                            <td></td>
2757                            <td class="money-column">
2758                                <strong data-bind="text: $root.distributionTotal().toFixed(2), css: { 'text-danger': !$root.distributionTotalValid() }"></strong>
2759                            </td>
2760                        </tr>
2761                    </tfoot>
2762                </table>
2763                <p class="text-muted small">Enter 0 for any subscription whose payment has not been collected — it will be marked inactive.</p>
2764                <!-- /ko -->
2765                <!-- /ko -->
2766
2767                <!-- Complete / log -->
2768                <!-- ko if: phase() === 'complete' -->
2769                <!-- ko if: log().length > 0 -->
2770                <p><strong>Actions performed:</strong></p>
2771                <ul data-bind="foreach: log">
2772                    <li data-bind="text: $data"></li>
2773                </ul>
2774                <!-- /ko -->
2775                <!-- ko if: log().length === 0 -->
2776                <p class="text-muted">No payments required recording.</p>
2777                <!-- /ko -->
2778                <!-- /ko -->
2779
2780            </div>
2781
2782            <div class="modal-footer">
2783                <span class="pull-left text-info" data-bind="visible: processing">
2784                    <i class="fas fa-spinner fa-spin"></i> Processing …
2785                </span>
2786
2787                <!-- Preview footer -->
2788                <!-- ko if: phase() === 'preview' -->
2789                <!-- ko if: canProceed() -->
2790                <div class="checkbox pull-left" style="margin-top:6px">
2791                    <span data-bind="component: { name: 'checkbox', params: { Value: sendEmails, Text: 'Send Notification Emails', Icon: 'fas fa-envelope', Class: 'default' } }"></span>
2792                </div>
2793                <!-- /ko -->
2794                <button type="button" class="btn btn-primary"
2795                        data-bind="click: onProceed, enable: canProceed() && !processing()">
2796                    <i class="fas fa-play"></i> Proceed
2797                </button>
2798                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
2799                <!-- /ko -->
2800
2801                <!-- Distribution question footer -->
2802                <!-- ko if: phase() === 'question' -->
2803                <button type="button" class="btn btn-primary"
2804                        data-bind="click: onSubmitDistribution, enable: distributionTotalValid() && !processing()">
2805                    <i class="fas fa-check"></i> Apply Distribution
2806                </button>
2807                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel (Save Progress)</button>
2808                <!-- /ko -->
2809
2810                <!-- Complete footer -->
2811                <!-- ko if: phase() === 'complete' -->
2812                <button type="button" class="btn btn-primary" data-bind="click: onClose">
2813                    <i class="fas fa-check"></i> Done
2814                </button>
2815                <!-- /ko -->
2816
2817                <!-- Error footer -->
2818                <!-- ko if: phase() === 'error' -->
2819                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
2820                <!-- /ko -->
2821            </div>
2822        </div>
2823    </div>
2824</div>
2825
2826
2827<script id="loading-template" type="text/html">
2828
2829    <div class="loader-inner ball-grid-pulse">
2830        <div></div>
2831        <div></div>
2832        <div></div>
2833        <div></div>
2834        <div></div>
2835        <div></div>
2836        <div></div>
2837        <div></div>
2838        <div></div>
2839    </div>
2840
2841</script>
2841
2842
2843</partial>
2844
2845<script id="table-template" type="text/html">
2846
2847    <div data-bind="template: { name: 'table-header-template' }"></div>
2848    
2849    <!-- ko if: $data.CustomHeaderTemplate -->
2850    <div data-bind="template: { name: $data.CustomHeaderTemplate }"></div>
2851    <!-- /ko -->
2852
2853    <!-- The table itself -->
2854    <div class="table-stacked">
2855        <table class="table table-bordered table-striped table-hover table-sticky">
2856            <thead data-bind="component: {
2857                                name: 'header-row',
2858                                params: {
2859                                    HasActionColumn: $data.ActionCellTemplate,
2860                                    ActionColumnCaption: $data.ActionColumnCaption,
2861                                    ActionColumnTooltip: $data.ActionColumnTooltip,
2862                                    ColumnConfig: Table.ColumnConfig,
2863                                    sortChange: Table.sortChange,
2864                                    columnChange: Table.columnChange,
2865                                    selectAll: Table.selectAllRows,
2866                                    selectAllValue: Table.selectAllObservable } }"></thead>
2867
2868            <tbody data-bind="foreach: Items">
2869                <tr>
2870                    <!-- ko if: $parent.PrependCellTemplate -->
2871                    <td data-bind="template: { name: $parent.PrependCellTemplate }"></td>
2872                    <!-- /ko -->
2873                    <!-- ko foreach: $parent.Table.ColumnConfig.Columns -->
2874                    <td data-bind="visible: IsActive, attr: { 'data-title': Caption }">
2875                        <span data-bind="visible: !Template(), html: get($parent)"></span>
2876                        <span data-bind="if: Template">
2877                            <span data-bind="template: { name: Template, data: { Row: $parent, Column: $data } }"></span>
2878                        </span>
2879                    </td>
2880                    <!-- /ko -->
2881                    <!-- ko if: $parent.ActionCellTemplate -->
2882                    <td data-bind="template: { name: $parent.ActionCellTemplate }" class="hidden-print"></td>
2883                    <!-- /ko -->
2884                </tr>
2885            </tbody>
2886        </table>
2887    </div>
2888
2889    <div data-bind="template: { name: 'table-footer-template' }"></div>
2890
2891</script>
2891
2892
2893
2894
2895
2896<script id="table-header-template" type="text/html">
2897
2898    <!-- Filter Bar -->
2899    <div data-bind="component: {
2900                        name: 'filterbar',
2901                        params: {
2902                            FilterBar: Table.FilterBar,
2903                            refresh: Table.refresh } }"></div>
2904
2905    <!-- Column Sorter - only shown when table stacked -->
2906    <div data-bind="component: {
2907                        name: 'column-sorter',
2908                        params: {
2909                            ColumnConfig: Table.ColumnConfig,
2910                            AlwaysDisplay: $data.PermanentColumnSorter,
2911                            sortChange: Table.sortChange } }"></div>
2912
2913    <div class="clearfix hidden-print">
2914        <div class="result-count pull-left">
2915            <strong data-bind="text: Table.Pagination.ItemCount"></strong> rows found. Click column headings to sort, hold down shift key when clicking to add additional sort.
2916        </div>
2917
2918        <div class="pull-right">
2919            <!-- View Selector -->
2920            <!-- ko if: Table.ViewCode -->
2921            <div class="clearfix" style="margin-bottom: 4px">
2922                <div class="pull-right">
2923                    <div data-bind="component: {
2924                                        name: 'view-config-selector',
2925                                        params: {
2926                                            ViewCode: Table.ViewCode,
2927                                            ViewConfigCode: Table.ViewConfigCode,
2928                                            ColumnConfig: Table.ColumnConfig.ColumnString,
2929                                            FilterConfig: Table.FilterBar.FilterString,
2930                                            Arguments: Table.CustomArgsForView,
2931                                            PageSize: Table.Pagination.PageSize,
2932                                            DefaultColumnConfig: Table.ColumnConfig.DefaultColumnConfig, 
2933                                            DefaultFilterConfig: Table.FilterBar.DefaultFilterConfig,
2934                                            viewChange: Table.refresh } }"></div>
2935                </div>
2936            </div>
2937            <!-- /ko -->
2938            <div class="clearfix" style="margin-bottom: 4px">
2939                <div class="pull-right">
2940                    <!-- ko if: $data.ExportBaseURL -->
2941                    <!-- Export Buttons -->
2942                    <div data-bind="component: {
2943                                        name: 'export-buttons',
2944                                        params: {
2945                                            BaseURL: ExportBaseURL,
2946                                            QueryString: Table.QueryString } }, visible: !$data.CanExport || $data.CanExport()"></div>
2947                    <!-- /ko -->
2948
2949                    <!-- Optional action button(s) supplied by the consuming page -->
2950                    <!-- ko if: $data.ActionButtonTemplate -->
2951                    <span data-bind="template: { name: $data.ActionButtonTemplate }" style="display: inline-block; margin-right: 4px; vertical-align: top"></span>
2952                    <!-- /ko -->
2953
2954                    <!-- Column Selector -->
2955                    <div style="display: inline-block; vertical-align: top" data-bind="component: {
2956                                        name: 'column-selector',
2957                                        params: {
2958                                            ColumnConfig: Table.ColumnConfig,
2959                                            columnChange: Table.columnChange } }"></div>
2960                </div>
2961            </div>
2962        </div>
2963    </div>
2964
2965</script>
2965
2966
2967</partial>
2968<script id="table-footer-template" type="text/html">
2969
2970    <!-- Pagination Controls -->
2971    <div data-bind="component: {
2972                        name: 'pagination',
2973                        params: {
2974                            Pagination: Table.Pagination,
2975                            refresh: Table.refresh } }"></div>
2976
2977    <!-- Totals -->
2978    <!-- ko if: Table.ColumnConfig.ColumnTotals().length -->
2979    <div data-bind="component: {
2980                        name: 'column-totals',
2981                        params: {
2982                            Count: Table.Pagination.ItemCount,
2983                            ColumnConfig: Table.ColumnConfig } }"></div>
2984    <!-- /ko -->
2985
2986</script>
2986
2987
2988</partial>
2989</partial>
2990
2991<div id="map-location-modal" class="modal fade" tabindex="-1" role="dialog">
2992    <div class="modal-dialog modal-lg">
2993        <div class="modal-content">
2994            <div class="modal-header">
2995                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
2996                <h4 class="modal-title">Map Location</h4>
2997            </div>
2998            <div class="modal-body">
2999                <div data-bind="clubhouseMap: { centre: MapCentre, markers: [ { Lat: Latitude, Lng: Longitude } ], refresh: Refresh, map: MapObject }" style="height: 500px;"></div>
3000
3001                <p class="mt-10 mb-10">
3002                    Drag the map around to position the marker. 
3003                </p>
3004
3005                <div class="form-horizontal">
3006                    <div class="form-group">
3007                        <label class="control-label col-md-3">Search for Location</label>
3008                        <div class="col-md-8">
3009                            <div class="input-group">
3010                                <input type="text" class="form-control" data-bind="textInput: SearchText, enterkey: search" /> 
3011                                <span class="input-group-btn">
3012                                    <button type="button" class="btn btn-default" data-bind="click: search">
3013                                        <i class="fas fa-search"></i>
3014                                    </button>
3015                                </span>
3016                            </div>
3017                            <span class="help-block" data-bind="visible: IsSearching">
3018                                <i class="fas fa-spinner fa-spin mr-5"></i>
3019                                Searching ...
3020                            </span>
3021                            <ul class="mt-5" data-bind="foreach: SearchResults, visible: SearchResults().length">
3022                                <li>
3023                                    <a href="#" data-bind="click: $parent.selectSearchResult, text: Description"></a>
3024                                </li>
3025                            </ul>
3026                        </div>
3027                    </div>
3028                </div>
3029
3030            </div>
3031            <div class="modal-footer">
3032                <button type="button" class="btn btn-primary" data-bind="click: onOk">OK</button>
3033                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
3034            </div>
3035        </div>
3036    </div>
3037</div>
3038
3039
3040
3041
3042</partial>
3043</div>
3044
3045    <footer>
3046        
3047
3048
3049<!-- This is _Footer.cshtml -->
3050<div class="hidden-print clearfix ml-10 mr-10">
3051
3052    <span class="pull-left">
3053
3054        <img src="https://www.colemanstreet.org/Client/Images/Site/logoNoText.png" class="visible-sm-inline visible-md-inline visible-lg-inline no-border footer-image"/>
3055
3056    </span>
3057
3058    <span class="pull-right">
3059
3060
3061    </span>
3062
3063    <div>
3064        Copyright &copy; 2026 <a href="http://www.simmetrics.co.uk" title="Simmetrics Ltd">Simmetrics Ltd</a>. All rights reserved.
3065        <a href="/Home/TermsAndConditions">Terms & Conditions</a>.
3066        <a href="/Home/OpenSource">Open Source Attribution</a>.
3067        <br />
3068        NOTICE: We collect personal information on this site.
3069        To learn more about how we use your information, see our <a href="/PrivacyPolicy" title="Privacy Policy" target="_blank">Privacy Policy</a>.
3070        <a href="#" title="Cookie Preferences" onclick="if (window.CookieConsent) { CookieConsent.openPreferences(); } return false;">Cookie Preferences</a>.
3071        <br />
3072
3073        Powered by <a href="http://www.MyClubhouse.co.uk">my<strong>Clubhouse</strong>&reg; - Online Club Membership Administration Software for Club Management</a>
3074        Version 6.2.19.18
3075        <br />
3076
3077        
3078
3079
3080
3081
3082</partial>
3083        
3084
3085</partial>
3086    </div>
3087
3088
3089
3090</div>
3091
3092<div class="visible-print-block">
3093    Printed from my<strong>Clubhouse</strong>&reg; - Online Club Membership Administration Software for Club Management.<br />
3094    www.myclubhouse.co.uk<br />
3095    <span style="font-size: 0.75em;">27/09/2026 15:46 181.215.65.69</span>
3096</div>
3097<!-- END _Footer.cshtml --></partial>
3098    </footer>
3099
3100
3101<!-- Stripe Payments - Elements -->
3102<script src="https://js.stripe.com/v3/"></script>
3102
3103
3104<!-- Page Scripts -->
3105<script src="https://www.colemanstreet.org/dist/runtime.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3105
3105
3106<script src="https://www.colemanstreet.org/dist/vendor.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3106
3106
3107<script src="https://www.colemanstreet.org/dist/clubhouse.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3107
3107
3108<script src="https://www.colemanstreet.org/dist/editor.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3108
3108
3109<script src="https://www.colemanstreet.org/dist/map.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3109
3109
3110<script src="https://www.colemanstreet.org/dist/Root/Scripts/Commons/ClubhouseCommons.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
vendor: 1 bytes, line 3110
3110
3111<script src="https://www.colemanstreet.org/dist/Registration/Scripts/Register/Index.bundle.js.gz?v=6.2.19.18" type="text/javascript"></script>
3111
3112
3113    <!-- Menu Bar -->
3114    
3114<script src="https://www.colemanstreet.org/dist/Root/Scripts/Commons/MenuBar.bundle.js.gz?v=6.2.19.18"></script>
3114
3115
3116<!-- Client Custom Scripts -->
3117<script src="https://www.colemanstreet.org/Client/Scripts/ClientCustom.js"></script>
3117
3118
3119</partial>
3120
3121
3122
3123
3124
3125    <!-- Include an anti-forgery token on every page by default. -->
3126    <div id="ajax-antiforgery-token" class="data">
3127        {"HeaderName":"RequestVerificationToken","RequestToken":"CfDJ8FOvmvQdMY1Hu-P3kbW6biGLLff5juiEgnlwKTfnVeVVLqB_Yn-5IL4TnIGHl4k_wTBHe4jmPS-Ypn9cOstxrffrnrq3laDaoi_-kGGeywQfJZDNiiMkNSbHo3Ow-oNLx-mgRUfk1H_DHeA0K1UtlqY"}
3128    </div>
3129</body>
3130
3131</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.