<template>
    <div class="row m-b-15 parentContainer">
        <div class="col">
            <div class="row align-items-center">
                <div class="col-auto p-r-0">
                    <div class="padding-5 bg-master-lightest">
                        <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="35" height="35" viewBox="0 0 172 172" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M83.26211,19.35c-10.40566,0 -19.76153,5.69414 -26.54746,11.22871c-0.69707,0.57109 -1.35215,1.13379 -1.99043,1.70488c-0.36953,-0.0168 -0.73066,-0.03359 -1.10859,-0.03359c-8.80996,0 -16.6541,4.80391 -22.33984,9.43984c-5.69414,4.64434 -9.32226,9.30547 -9.32226,9.30547l-1.99043,2.55313l3.12422,0.83984c0,0 1.0834,0.27715 2.31797,1.43613c1.24297,1.15898 2.54473,3.04863 2.54473,6.79434v14.78125h0.0252c0.05879,1.0918 0.36113,1.99043 0.62148,2.87227c0.14278,0.48711 0.28555,0.94063 0.36953,1.28496c0.09238,0.33594 0.10078,0.67188 0.10078,0.31914c0,2.07441 1.50332,3.48535 3.33418,4.19082c0.25195,6.93711 3.47695,13.09316 8.44883,17.24199v6.96231c-2.86387,0.86504 -8.73437,2.77148 -14.74766,5.55137c-4.16562,1.93164 -8.37324,4.25801 -11.65703,7.02949c-3.29219,2.77988 -5.84531,6.15605 -5.84531,10.1957v11.00195h21.5v8.6h111.8v-8.6h21.5v-11.00195c0,-4.03965 -2.55313,-7.41582 -5.84531,-10.1957c-3.28379,-2.77148 -7.49141,-5.09785 -11.65703,-7.02949c-6.01328,-2.77988 -11.88379,-4.68633 -14.74766,-5.55137v-6.9707c4.97187,-4.14043 8.19687,-10.30488 8.44883,-17.24199c1.83086,-0.69707 3.33418,-2.11641 3.33418,-4.18242c0,0.34434 0.0084,0.0168 0.10078,-0.31914c0.08398,-0.34434 0.22676,-0.79785 0.36953,-1.28496c0.26035,-0.88184 0.5627,-1.78047 0.62148,-2.87227h0.0252v-19.71113c0,-12.26172 -7.40742,-18.21621 -14.05059,-18.77051c-0.43672,-0.60469 -1.01621,-1.6293 -3.14941,-3.07383c-2.7127,-1.83086 -6.9791,-3.59453 -13.03437,-3.59453c-0.26875,0 -0.5375,0.0168 -0.80625,0.0252c-3.36777,-2.7127 -7.22266,-3.84649 -10.65762,-4.09004c-0.58789,-0.93223 -1.6293,-2.39355 -3.7877,-4.08164c-3.09902,-2.41035 -8.0709,-4.75352 -15.30195,-4.75352zM83.26211,23.65c6.31562,0 10.23769,1.95684 12.64805,3.84649c2.41875,1.88965 3.2166,3.55254 3.2166,3.55254l0.58789,1.20098h1.33535c2.86387,0 6.71875,1.0918 9.71699,3.7373c3.00664,2.64551 5.33301,6.77754 5.33301,13.4627c0,5.99649 -1.42773,14.74766 -1.84766,17.2c-0.0084,0 -0.0168,0 -0.03359,0c-0.18476,0 -0.15117,0.04199 -0.26875,0.05879v-6.50879c0,-7.35703 -3.00664,-12.30371 -6.03008,-15.23476c-3.02344,-2.93106 -6.18965,-4.00606 -6.18965,-4.00606l-1.22617,-0.41152l-0.94062,0.89863c0,0 -1.35215,1.32695 -4.61914,2.82187c-3.26699,1.49492 -8.32285,3.03184 -15.39434,3.03184c-3.87168,0 -8.96953,1.36895 -13.39551,4.45957c-4.40918,3.08223 -8.0793,8.12129 -8.09609,14.95762c-0.11758,-0.0168 -0.09238,-0.06719 -0.27715,-0.06719c-0.05039,0 -0.10078,0.0168 -0.15117,0.0168c-0.43672,-2.07441 -1.14219,-6.12246 -1.14219,-11.3043c0,-5.62695 -2.01562,-9.36426 -4.12363,-11.53105c-0.89863,-0.92383 -1.1002,-0.76426 -1.88125,-1.22617c1.48652,-1.74688 4.24961,-4.8459 8.95273,-8.68398c6.39121,-5.21543 15.02481,-10.27129 23.82637,-10.27129zM116.98184,36.75156c3.46016,0.44512 5.85371,1.57051 7.45781,2.65391c2.05762,1.39414 2.72109,2.55313 2.72109,2.55313l0.62988,1.04141h1.20938c4.41758,0 10.75,3.54414 10.75,14.68887v8.96113c0,-12.40449 -9.64141,-18.32539 -9.64141,-18.32539l-1.6209,-0.97422l-1.16738,1.47812c0,0 -2.26758,2.87226 -7.09668,4.87109c0.10078,-1.46973 0.17637,-2.92266 0.17637,-4.24961c0,-5.23223 -1.34375,-9.43984 -3.41816,-12.69844zM49.85313,36.95313c-2.62031,2.7127 -4.24961,4.72832 -4.24961,4.72832l-1.94004,2.48594l3.03184,0.89023c0,0 1.17578,0.32754 2.58672,1.77207c1.40254,1.43613 2.90586,3.88848 2.90586,8.53281c0,0.05039 0,0.08399 0.0084,0.12598c-0.5459,0.03359 -1.1002,0.05039 -1.67129,0.05039c-3.31738,0 -7.60898,1.15899 -11.36309,3.7877c-3.7625,2.62031 -6.91191,6.95391 -6.91191,12.79922v-9.50703c0,-4.8207 -1.92324,-8.0793 -3.90527,-9.93535c-0.62149,-0.57109 -0.70547,-0.40312 -1.28496,-0.75586c1.02461,-1.23457 2.6875,-3.44336 6.92871,-6.90352c4.36719,-3.56094 9.98574,-6.9707 15.86465,-8.0709zM101.05,45.48594c0.5207,0.20156 1.88125,0.62988 3.88008,2.56152c2.35156,2.28438 4.71992,5.9293 4.71992,12.15254v13.55508l3.2334,-1.89805c0.5543,-0.31914 1.0666,-0.60469 1.42774,-0.78945c0.04199,-0.0252 0.05879,-0.0252 0.10078,-0.05039c0.98262,0.10078 1.68809,0.78945 1.68809,1.64609v0.0084c0,0.15957 -0.26035,1.41934 -0.58789,2.54473c-0.16797,0.5543 -0.33594,1.11699 -0.47871,1.6293c-0.13438,0.5123 -0.27715,0.87344 -0.27715,1.6293c0,0.57109 -0.47031,1.075 -1.20937,1.075h-3.89688v2.93945c0,11.65703 -8.40684,21.29004 -19.47598,23.26367l-0.61309,0.10078l-0.46191,0.42832c-0.83984,0.76426 -1.89805,1.21777 -3.09902,1.21777c-1.20098,0 -2.25918,-0.45351 -3.09902,-1.21777l-0.46191,-0.42832l-0.61309,-0.10078c-11.06914,-1.97363 -19.47598,-11.60664 -19.47598,-23.26367v-2.93945h-3.89687c-0.73906,0 -1.20938,-0.50391 -1.20938,-1.075c0,-0.75586 -0.14277,-1.11699 -0.28555,-1.6293c-0.14278,-0.51231 -0.31074,-1.075 -0.47871,-1.6293c-0.32754,-1.12539 -0.57949,-2.38516 -0.57949,-2.54473c0,-0.86504 0.70547,-1.55371 1.68809,-1.65449c0.04199,0.0252 0.05879,0.0252 0.10078,0.05039c0.36113,0.18476 0.87344,0.47031 1.42774,0.78945l3.2334,1.89805v-6.9959c0,-5.3582 2.6707,-8.96113 6.26524,-11.47226c3.59453,-2.51113 8.16328,-3.68691 10.93476,-3.68691c7.70137,0 13.39551,-1.68809 17.1832,-3.41816c2.81347,-1.28496 3.55254,-2.07441 4.3168,-2.6959zM129.0252,53.04453c1.6293,1.15059 6.4248,4.90469 6.4248,13.60547v11.12793l3.15781,-1.65449c0.0252,-0.0168 0.04199,-0.0252 0.06719,-0.03359c0.60469,0.09238 1.075,0.44512 1.075,0.94902c0,0.03359 -0.20156,1.0918 -0.47031,2.01563c-0.14277,0.47031 -0.27715,0.93223 -0.40312,1.36895c-0.11758,0.44512 -0.24355,0.73066 -0.24355,1.45293c0,0.26875 -0.21836,0.5375 -0.65508,0.5375h-2.52793v2.81348c0,9.54062 -6.87832,17.40996 -15.93184,19.02246l-0.61309,0.11758l-0.45352,0.41152c-0.63828,0.58789 -1.44453,0.93223 -2.35156,0.93223c-0.90703,0 -1.71328,-0.34434 -2.35156,-0.93223l-0.45351,-0.41152l-0.61309,-0.11758c-2.40195,-0.42832 -4.65273,-1.31016 -6.65996,-2.53633c4.48477,-4.71152 7.36543,-10.96836 7.69297,-17.93066c2.88906,-0.10078 5.34141,-2.38516 5.34141,-5.30781c0,0.31074 0.0252,-0.09238 0.13438,-0.50391c0.10918,-0.41152 0.27715,-0.95742 0.44512,-1.54531c0.34434,-1.16738 0.76426,-2.35996 0.76426,-3.7541c0,-1.76367 -0.79785,-3.31738 -2.02402,-4.41758c0.22676,-1.34375 0.88184,-5.375 1.38574,-9.80938c5.03906,-1.6041 7.75176,-3.91367 9.26348,-5.4002zM52.34746,59.78008c0.28555,3.93047 0.88184,7.0043 1.22617,8.52441c-1.20098,1.0918 -1.97363,2.63711 -1.97363,4.36719c0,1.39414 0.41992,2.58672 0.76426,3.7541c0.16797,0.58789 0.33594,1.13379 0.44512,1.54531c0.10918,0.41152 0.13437,0.81465 0.13437,0.50391c0,2.92266 2.45234,5.20703 5.34141,5.30781c0.32754,6.9623 3.2082,13.21074 7.69297,17.91387c-2.01562,1.23457 -4.25801,2.1332 -6.65996,2.56153l-0.61309,0.10918l-0.45352,0.41152c-0.63828,0.58789 -1.44453,0.93223 -2.35156,0.93223c-0.90703,0 -1.71328,-0.34434 -2.35156,-0.93223l-0.45351,-0.41152l-0.61309,-0.10918c-9.05351,-1.6125 -15.93184,-9.49024 -15.93184,-19.03086v-2.81348h-2.52793c-0.43672,0 -0.65508,-0.26035 -0.65508,-0.5375c0,-0.72226 -0.12597,-1.00781 -0.24355,-1.45293c-0.12598,-0.43672 -0.26035,-0.89863 -0.40313,-1.36055c-0.26875,-0.92383 -0.47031,-1.99043 -0.47031,-2.02403c0,-0.50391 0.47871,-0.85664 1.075,-0.94902c0.03359,0.0168 0.04199,0.0168 0.06719,0.03359l3.15781,1.67129v-5.66895c0,-4.35039 2.1416,-7.23105 5.07266,-9.27188c2.92266,-2.04922 6.68516,-3.01504 8.90234,-3.01504c0.62149,0 1.23457,-0.02519 1.82246,-0.05879zM74.175,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM97.825,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM46.225,75.25c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM125.775,75.25c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM68.8,104.98047v7.35703c-3.09902,0.94062 -10.54004,3.34258 -18.11543,6.92031c-0.71387,0.33594 -1.41094,0.69707 -2.11641,1.0498c-2.20879,-1.52012 -3.19141,-3.2082 -3.41816,-3.61133v-10.54844c1.88125,0.96582 3.89688,1.70488 6.03008,2.1416c1.31016,1.01621 2.91426,1.72168 4.71992,1.72168c1.75527,0 3.31738,-0.68027 4.60234,-1.64609c3.01504,-0.60469 5.81172,-1.76367 8.29766,-3.38457zM103.2,104.98887c2.47754,1.6041 5.27422,2.75469 8.27246,3.35098c1.29336,0.98262 2.86387,1.67129 4.62754,1.67129c1.80566,0 3.42656,-0.70547 4.73672,-1.73008c2.1248,-0.43672 4.14043,-1.16738 6.01328,-2.1332v10.54844c-0.22676,0.41992 -1.25976,2.06601 -3.46016,3.59453c-0.69707,-0.34434 -1.37734,-0.70547 -2.07441,-1.03301c-7.57539,-3.57773 -15.01641,-5.97969 -18.11543,-6.92031zM73.1,107.12207c2.29277,1.20098 4.77031,2.1248 7.39902,2.65391c1.52012,1.20938 3.40137,2.02402 5.50098,2.02402c2.09121,0 3.96406,-0.81465 5.47578,-2.01562c2.63711,-0.5207 5.12305,-1.44453 7.42422,-2.65391v12.59766c-0.26035,0.5207 -3.66172,7.12188 -12.9,7.12188c-9.23828,0 -12.63965,-6.60117 -12.9,-7.12188zM40.85,114.78145v3.05703l0.22676,0.44512c0,0 1.0666,2.11641 3.40137,4.23281c-2.74629,1.57891 -5.3582,3.30899 -7.58379,5.22383c-3.87168,3.33418 -6.79434,7.32344 -6.79434,12.00976h-17.2v-6.70195c0,-2.1584 1.51172,-4.54356 4.3168,-6.90352c2.80508,-2.36836 6.72715,-4.58555 10.69121,-6.41641c5.06426,-2.34316 9.92695,-3.99766 12.94199,-4.94668zM131.15,114.78145c3.01504,0.94902 7.87774,2.60351 12.94199,4.94668c3.96406,1.83086 7.88613,4.04805 10.69121,6.41641c2.80508,2.35996 4.3168,4.74512 4.3168,6.90352v6.70195h-17.2c0,-4.68633 -2.92266,-8.67559 -6.79434,-12.00976c-2.22559,-1.91484 -4.8291,-3.63653 -7.57539,-5.22383c2.33477,-2.10801 3.39297,-4.23281 3.39297,-4.23281l0.22676,-0.44512zM68.8,116.86426v4.03965l0.22676,0.46191c0,0 5.07266,9.78418 16.97324,9.78418c11.90059,0 16.97324,-9.78418 16.97324,-9.78418l0.22676,-0.46191v-4.03965c3.45176,1.0834 9.77578,3.2166 16.28457,6.29043c4.72832,2.23399 9.43145,4.92988 12.81601,7.84414c3.38457,2.91426 5.29941,5.9125 5.29941,8.75117v8.6h-103.2v-8.6c0,-2.83867 1.91484,-5.83691 5.29941,-8.75117c3.38457,-2.91426 8.0877,-5.61016 12.81601,-7.84414c6.50879,-3.07383 12.83281,-5.20703 16.28457,-6.29043zM17.2,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM144.05,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM152.65,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM43,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
                    </div>
                </div>
                <div class="col">
                    <div class="row">
                        <div class="col-auto p-r-10">
                            <div class="font-heading all-caps fs-8 muted">Name</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <div class="font-heading all-caps fs-10">{{item.name}}</div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="row">
                        <div class="col-auto p-r-10">
                            <div class="font-heading all-caps fs-8 muted">Segment Price</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <div class="font-heading all-caps">MYR {{item.price}} <i class="fa fa-edit pointer fa-fw m-l-5 requestModal text-primary" data-type="editSegmentPrice"></i></div>
                            <modal-component class="animate__animated animate__fast animate__fadeIn" type="editSegmentPrice">
                                <edit-segment-price-form-component :data="item" :section="section"></edit-segment-price-form-component>
                            </modal-component>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="row">
                        <div class="col">
                            <button class="btn btn-xs btn-outline-danger b-rad-none m-r-5">
                                <i class="fa fa-times"></i>
                            </button>
                            <div class="btn btn-xs b-rad-none pointer btn-outline-warning" data-type="updateServiceStatus">Deactivate</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import componentHandler from '../../../general/mixins/componentHandler';
    export default {
        props: {
            section: {
                default: ''
            }
        },
        data(){
            return {
                expanded: false,
            }
        },
        mixins: [componentHandler]
    }
</script>